HTML DOM访问

时间:2023-03-09 06:46:19
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>

HTML DOM访问

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>

HTML DOM访问