HTML DOM存取HTML元素的方法
getElementById()
#功能:尋找網(wǎng)頁中指定id的元素物件。
語法:var obj = document.getElementById(id)
參數(shù):id是指網(wǎng)頁中標(biāo)記的id屬性的值。
傳回值:傳回一個元素物件。
範(fàn)例:var imgObj = document.getElementById(“img01”)
#getElementsByTagName(tagName)
#功能:尋找指定的HTML標(biāo)記,傳回一個陣列。
語法:var arrObj = parentNode.getElementsByTagName(tagName)
參數(shù):tagName是要尋找的標(biāo)記名稱,不帶尖括號。
傳回值:傳回一個陣列。如果只有一個節(jié)點(diǎn),也回傳一個陣列。
範(fàn)例: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++) { //給每個<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ù)為什么這個還是2?</li> <li>cookies登錄原理</li> </ul> </html>