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>


 

 

 

posted on 2013-09-17 23:55  新一  阅读(188)  评论(0)  编辑  收藏  举报

导航