html DOM------document

最新推荐文章于 2021-02-17 04:20:19 发布

涛歌依旧

最新推荐文章于 2021-02-17 04:20:19 发布

阅读量7.3k

点赞数 1

分类专栏： S1: Web s2: 软件进阶

本文链接：https://blog.csdn.net/stpeace/article/details/50757727

版权

s2: 软件进阶同时被 2 个专栏收录

1053 篇文章 76 订阅

订阅专栏

S1: Web

133 篇文章 57 订阅

订阅专栏

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.