parentNode、firstChild

最新推荐文章于 2022-06-16 21:19:41 发布

chengtan8492

最新推荐文章于 2022-06-16 21:19:41 发布

阅读量256

点赞数

原文链接：https://my.oschina.net/u/3188886/blog/1531423

版权

（1）对parentNode 属性常被用来改变文档的结构。

假设您希望从文档中删除带有 id 为 "maindiv" 的节点：

var x=document.getElementById("maindiv");
x.parentNode.removeChild(x);

解释：首先需要找到带有指定 id 的节点，然后移至其父节点并执行 removeChild() 方法。

（2）对 firstChild 最普遍的用法是访问某个元素的文本：

var x=[a paragraph];
var text=x.firstChild.nodeValue;

（1）根节点：有两种特殊的文档属性可用来访问根节点。

document.documentElement属性可返回存在于 XML 以及 HTML 文档中的文档根节点。
document.body 属性是对 HTML 页面的特殊扩展，提供了对 <body> 标签的直接访问。

（2）节点的信息：nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。

节点信息：每个节点都拥有包含着关于节点某些信息的属性。这些属性是：

nodeName（节点名称，此属性含有某个节点的名称）
nodeValue（节点值）
nodeType（节点类型）

注释：

nodeName 所包含的 XML 元素的标签名称永远是大写的。

1）元素节点的 nodeName 是标签名称
2）属性节点的 nodeName 是属性名称
3）文本节点的 nodeName 永远是 #text
4）文档节点的 nodeName 永远是 #document

nodeValue：对于文本节点，nodeValue 属性包含文本。

1）对于属性节点，nodeValue 属性包含属性值。
2）属性对于文档节点和元素节点是不可用的。

nodeType：此属性可返回节点的类型。

最重要的节点类型是：

转载于:https://my.oschina.net/u/3188886/blog/1531423

关注