html DOM也就是html document object model, 说白了就是document对象。 每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。

       看看代码:

 

<html>
<body>

<div id="div1">
<p id="p1">aaaaaaaaaaa</p>
<p id="p2">bbbbbbbbbbb</p>
</div>

<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p2");
parent.removeChild(child);
</script>

</body>
</html>

       最后只显示一行。 通过document的getElementById方法, 获取了div标签的对象, 也就是parent.   同理, 获取了p(p2)标签的对象child.

 

       既然是标签对象, 那就有对象的属性和方法了, 如上就用了对象的方法。 下面, 我们来看看标签对象的属性, 并结束本文:

 

<html>
<body>

<p id="p1">org</p>

<script>
function ChangeText()
{
	if(document.getElementById("p1").innerHTML == "text1")
	{
		document.getElementById("p1").innerHTML = "text2";
	}
	else
	{
		document.getElementById("p1").innerHTML = "text1";
	}
}
</script>

<input type="button" onclick="ChangeText()" value="改变文本" />

</body>
</html>


       Done.
       

 


本文转载:CSDN博客