当前位置:编程学习 > html/css >>

HTML DOM访问

访问 HTML 元素(节点)
访问 HTML 元素等同于访问节点
您能够以不同的方式来访问 HTML 元素:
通过使用 getElementById() 方法
通过使用 getElementsByTagName() 方法
通过使用 getElementsByClassName() 方法
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> <p id = "intro">Hello World!</p> <p>本例演示<b>getElementById("intro");</b></p> <script type="text/javascript"> x = document.getElementById("intro"); document.write("<p>来自intro段落的文本:"+x.innerHTML); </script> </body> </html>

 

 
 
getElementsByTagName() 方法
getElementsByTagName() 返回带有指定标签名的所有元素。
 
  <!DOCTYPE html> <html> <body> <p>Hello World!</p> <p>DOM 很有用!</p> <p>本例演示 <b>getElementsByTagName</b> 方法。</p> <script> x=document.getElementsByTagName("p"); document.write("第一段的文本: " + x[0].innerHTML+"<br>"); document.write("第二段的文本: " + x[1].innerHTML+"<br>"); document.write("第三段的文本: " + x[2].innerHTML); </script> </body> </html>

 

 
 
补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,