您的位置：首页 > Web前端 > HTML

html DOM------document

2016-02-28 10:47 495 查看

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.

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航