HTML DOM訪問HTML元素的方法
getElementById()
功能：查找網(wǎng)頁中指定id的元素對象。
語法：var obj = document.getElementById(id)
參數(shù)：id是指網(wǎng)頁中標(biāo)記的id屬性的值。
返回值：返回一個(gè)元素對象。
舉例：var imgObj = document.getElementById(“img01”)
getElementsByTagName(tagName)
功能：查找指定的HTML標(biāo)記，返回一個(gè)數(shù)組。
語法：var arrObj = parentNode.getElementsByTagName(tagName)
參數(shù)：tagName是要查找的標(biāo)記名稱，不帶尖括號。
返回值：返回一個(gè)數(shù)組。如果只有一個(gè)節(jié)點(diǎn)，也返回一個(gè)數(shù)組。
舉例：var arrObj = ulObj.getElementsByTagName(“l(fā)i”)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<script type="text/javascript">
window.onload = function(){
//獲取id=ulTag的網(wǎng)頁對象
var ulObj = document.getElementById("question");
//查找<ul>下的所有的<li>標(biāo)記
var arrObj = ulObj.getElementsByTagName("li");
//給所有的<li>標(biāo)記增加CSS效果
for(var i=0;i<arrObj.length;i++)
{
//給每個(gè)<li>標(biāo)記加style屬性
arrObj[i].style = "color:blue;font-size:24px;";
}
}
</script>
</head>
<body >
<ul id="question">
<li>mac 中系統(tǒng)自帶的apache 誤刪了怎么恢復(fù)</li>
<li>CURL POST數(shù)據(jù)量過大，接收不到服務(wù)端的信息</li>
<li>用了構(gòu)造函數(shù)為什么這個(gè)還是2？</li>
<li>cookies登錄原理</li>
</ul>
</html> 
