HTML DOM访问

当前位置 : 首页 > 网页制作 > CSS > HTML DOM访问

HTML DOM访问

来源: 作者: 时间:2016-01-28 09:27
访问 HTML 元素(节点)访问 HTML 元素等同于访问节点您能够以不同的方式来访问 HTML 元素:通过使用 getElementById() 方法通过使用 getElementsByTagName() 方法通过使用 getElementsByClassName()
访问 HTML 元素(节点)
访问 HTML 元素等同于访问节点
您能够以不同的方式来访问 HTML 元素:
通过使用 getElementById() 方法
通过使用 getElementsByTagName() 方法
通过使用 getElementsByClassName() 方法
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/4/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>  

 

 
 
Tag:
网友评论

<