getElementById() 方法以及innerhtml属性-优快云博客

定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

语法
document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。

在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

实例
例子 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>

<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>

</body>
</html>

————————————————————————————————

innerHTML

定义和用法
对于innerHTML 属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。
语法
　　tablerowObject.innerHTML=HTML
实例
　　下面的例子返回了表格行的 inner HTML：　　<html> 　　<head> 　　<script type="text/javascript"> 　　function getInnerHTML() { 　　alert(document.getElementById("tr1").innerHTML); 　　} 　　</script> 　　</head> 　　<body> 　　<table border="1"> 　　<tr id="tr1"><td>Firstname</td><td>Lastname</td></tr> 　　<tr id="tr2"><td>Peter</td><td>Griffin</td></tr> 　　</table> 　　<br /> 　　<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" /> 　　</body> 　　</html> 　　--------------------------------------------------------------------------------------------------------------------------------- 　　<ul> 　　<li id="tab1" title="管理首页"><span id="spanTitle">管理首页</span></li> 　　</ul> 　　<a title="模板管理" onclick="show_title('管理1')" href="#" target="content3"></a> 　　<script type="text/javascript"> 　　//修改标题　　function show_title(str){ 　　document.getElementById("spanTitle").innerHTML=str; 　　} 　　</script> 　　注意：innerHTML不可写为innerHtml或是其他形式，大小写要严格遵守，不然无法获取或者设置数据