HTML DOM访问 - html/css语言栏目：html.css

HTML DOM访问 - html/css语言栏目：html.css - 自学php

来源：自学PHP网时间：2015-04-14 14:51 作者：阅读:次

[导读] 访问 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/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>

CSS中首字母大写怎么实现？ - html/css语言栏目：

HTML DOM 创建与修改 - html/css语言栏目：html.css - 自

子栏目

HTML DOM访问 - html/css语言栏目：html.css - 自学php

最新评论

添加评论

更多文章推荐

添加评论