元素Element与节点Node的区别、联系

1、 节点包括:元素节点、属性节点、文本节点等,所以元素Element只是节点Node的一个子项。

2、 元素包含属性、内容。

3、 元素一定是节点,但节点不一定是元素,它还可能是属性节点和文本节点等。

            var elementNode = document.getElementById(‘div1‘);  // 元素节点
            var attrNode = document.getElementById(‘div1‘).getAttributeNode(‘name‘);  // 属性节点
            var textNode = document.getElementsByTagName(‘div‘)[0].firstChild;  // 文本节点
            console.log(elementNode instanceof Node);   // true
            console.log(elementNode instanceof Element);  // true 

            console.log(attrNode instanceof Node);  // true
            console.log(attrNode instanceof Element);  // false 

            console.log(textNode instanceof Node);  // true
            console.log(textNode instanceof Element);  // false 
时间: 2024-10-09 06:33:25

元素Element与节点Node的区别、联系的相关文章

PropTypes.element和PropTypes.node的区别

PropTypes.element:指React Element,即React.CreateElement生成的元素,React.CreateElement可以用jsx语法糖表示: <MyButton color="blue" shadowSize={2}> Click Me </MyButton> 编译后为: React.createElement( MyButton, {color: 'blue', shadowSize: 2}, 'Click Me' )

JavaScript中Element与Node的区别,children与childNodes的区别

关于Element跟Node的区别,cilldren跟childNodes的区别很多朋友弄不清楚,本文试图让大家明白这几个概念之间的区别. Node(节点)是DOM层次结构中的任何类型的对象的通用名称,Node有很多类型,如元素节点,属性节点,文本节点,注释节点等,通过NodeType区分,常见的有: 节点类型 NodeType 元素element 1 属性attr 2 文本text 3 注释comments 8 文档document 9 更多节点类型参考:https://developer.m

[ jquery 文档处理 wrapInner(htm|element|fnl) ] 此方法用于把所有匹配的元素的子元素(包括文本节点)使用指定的 HTML 元素来包裹

此方法用于把所有匹配的元素的子元素(包括文本节点)使用指定的 HTML 元素来包裹 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来 这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素 html HTML标记代码字符串,用于动态生成元素并包装目标元素 element 用于包装目标元素的DOM元素 fn 生成包裹结构的一个函数 实例: <html lang='zh-cn'> &l

将链表中的所有元素为奇数的节点移到元素为偶数节点的前面,并保证奇数之间顺序不变,偶数之间顺序不变。

2.将链表中的所有元素为奇数的节点移到元素为偶数节点的前面,并保证奇数之间顺序不变,偶数之间顺序不变. 示例: 交换前链表的顺序             交换后链表的顺序 4→5→3→1→2   ==>  5→3→1→4→2 1 ==> 1                   (链表仅含一个元素) 2→1 ==>1→2 ==>         (链表为空) C/C++: 链表节点定义为: struct node { struct node *next; int value; };

js 获取元素所有兄弟节点实例

比如一个ul里面有10个li,而第3个li上有特殊的样式(比如颜色为红色,其他为黑色).我想把其他所有li——不包括红的li——的颜色也设为红色,此时,就需要获得红li的所有兄弟节点. 兄弟,就是和你平辈的,既不是上一级也不是下一级,而且可能有比你大的(兄),也可能比你小(弟).兄弟节点同理,下面是一个常规的获取兄弟节点的办法. 代码如下 复制代码 function siblings(elm) { var a = []; var p = elm.parentNode.children; for(

元素的子节点

元素的childNodes属性中包含了他的所有子节点,这些子节点有可能是元素,文本节点,注释或者处理指定,也就是所 例如: <ul id="myList"> <li>Iten1</li> <li>Item2</li> <li>Item3</li> </ul> 在不同的浏览器中,返回ul元素的子节点的数目不同,,因为li元素之间的空格,所以在除IE之外的其他浏览器之中,会返回子节点的数目为7,

html元素中id和name的区别

可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的. 上周我也遇到了ID和Name的问题,在页面里输入了一个input type="hidden",只写了一个ID='SliceInfo',赋值后submit,在后台用Request.Params["SliceInfo&qu

使用jquery获取父元素或父节点的方法

jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> <li><a href="#">jquery获取父元素&l

Cocos2d-x 3.0final 终结者系列教程09-绘图节点Node中的Schedule

如何让HelloWorld项目中的HelloWorld文字实现自动运动呢? 有的童鞋会想到使用线程,不断修改Label的Position, 这样不行,因为在Cocos2d-x中只能在主线程中来修改Node中的信息,这是由于所有的node都是非线程安全的,如果我们的场景移除了node 在子线程种可能引用错误,所以,要让Node执行特定的变化,需要在当前的Node中使用Schedule 使用方法很简单 1.在当前的HelloWorldScne.h中添加一个方法在HelloWorldScene 如: