HTML DOM访问

来源：互联网发布：淘宝信用快速编辑：程序博客网时间：2024/06/05 07:52

访问 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>