在javascript中,可以使用getElementById方法獲取獲取頁面元素,語法格式為“document.getElementById("id名稱")”。getElementById方法可返回對擁有指定ID的第一個對象的引用。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
網(wǎng)頁由標簽將信息組織起來,而標簽的id屬性值是唯一的,如何通過javascript找到要獲取的元素
document.getElementById("id") //語法
通過以下代碼發(fā)現(xiàn)運行結(jié)果為null或[object HTMLParagraphElement]
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>通過ID獲取元素</title> <script type="text/javascript"> var myceshi=document.getElementById('ceshi');//獲取元素存儲在變量中 // document.write('結(jié)果:'+myceshi);//輸出變量 alert(myceshi); document.write('結(jié)果:'+myceshi);//輸出變量 </script> </head> <body> <div id="ceshi">I love javascript</div> <!-- <script type="text/javascript"> var myceshi=document.getElementById('ceshi');//獲取元素存儲在變量中 // document.write('結(jié)果:'+myceshi);//輸出變量 alert(myceshi); document.write('結(jié)果:'+myceshi);//輸出變量 </script> --> </body> </html>
獲取的元素是一個對象,如想對元素進行操作,我們要通過它的屬性或方法。(object HTMLParagraphElement 對象 HTML段落元素,獲取到的是元素,這個元素也就是對象,獲取到的對象不會顯示里面的值,所以顯示object HTMLParagraphElement,想要抽取出里面的值,就用 innerHTML 獲?。?/p>
getElementById() 方法可返回對擁有指定 ID 的第一個對象的引用。
定義了多種查找元素的方法,除了 getElementById() 之外,還有 getElementsByName() 和 getElementsByTagName()。
不過,如果您需要查找文檔中的一個特定的元素,最有效的方法是 getElementById()。
在操作文檔的一個特定的元素時,最好給該元素一個 id 屬性,為它指定一個(在文檔中)唯一的名稱,然后就可以用該 ID 查找想要的元素。
【推薦學(xué)習(xí):javascript高級教程】