HTML DOM

最新推荐文章于 2023-01-15 20:54:37 发布

angel201494

最新推荐文章于 2023-01-15 20:54:37 发布

阅读量709

点赞数

分类专栏： HTML 文章标签： html dom

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

DOM 节点

整个文档是一个文档节点

每个 HTML 元素是元素节点

HTML 元素内的文本是文本节点

每个 HTML 属性是属性节点

注释是注释节点

HTML DOM Tree 实例

HTML DOM Node Tree

DOM 处理中的常见错误是希望元素节点包含文本。

在本例中：<title>DOM 教程</title>，元素节点 <title>，包含值为 "DOM 教程" 的文本节点。

可通过节点的 innerHTML 属性来访问文本节点的值。

nodeName 属性规定节点的名称。

nodeName 是只读的

元素节点的 nodeName 与标签名相同

属性节点的 nodeName 与属性名相同

文本节点的 nodeName 始终是 #text

文档节点的 nodeName 始终是 #document

nodeValue 属性规定节点的值。

元素节点的 nodeValue 是 undefined 或 null

文本节点的 nodeValue 是文本本身

属性节点的 nodeValue 是属性值

能否在不引用父元素的情况下删除某个元素？

DOM 需要了解您需要删除的元素，以及它的父元素。

这里提供一个常用的解决方法：找到您需要删除的子元素，然后使用 parentNode 属性来查找其父元素：

var child=document.getElementById("p1");
child.parentNode.removeChild(child);

firstChild 属性可用于访问元素的文本：

<html>
<body>

<p id="intro">Hello World!</p>

<script>
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

有两个特殊的属性，可以访问全部文档：

document.documentElement - 全部文档

document.body - 文档的主体

<html>
<body>

<p>Hello World!</p>
<div>
<p>DOM 很有用!</p>
<p>本例演示 <b>document.body</b> 属性。</p>
</div>

<script>
alert(document.body.innerHTML);
</script>

</body>
</html>

除了 innerHTML 属性，可以使用 childNodes 和 nodeValue 属性来获取元素的内容。

<html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").childNodes[0].nodeValue;
document.write(txt);
</script>

</body>
</html>

转自http://www.w3school.com.cn/

angel201494

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML DOM

DOM 节点整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点HTML DOM Tree 实例DOM 处理中的常见错误是希望元素节点包含文本。在本例中：DOM 教程，元素节点，包含值为 "DOM 教程" 的文本节点。可通过节点的 innerHTML 属性来访问文本节点的值
复制链接

扫一扫