关于childNodes和children区别

一、parentNode和parentElement区别？
二、childNodes和children区别
- 1.区别

HTML共同

  <ul id="uu"><li>1</li><li>2</li><li id="li">3</li><li>4</li><li>5</li></ul>var ul = document.getElementById('uu');

一、parentNode和parentElement区别？

1.parentNode 获取的是父节点 parentElenment 获取的事父元素并且都可以配合nodeName获取节点名字

console.log(uu.parentNode);
console.log(uu.parentElement);

console.log(uu.parentNode.nodeName);
console.log(uu.parentElement.nodeName);

2.唯一的区别是在获取根部document节点是，parentElement找的是元素，因此报错null,而parentNode获取的是节点，返回的是#document

二、childNodes和children区别

1.区别

代码如下（示例）：
childNodes：获取子节点——返回所有节点的数组,只返回文本和元素节点，对于属性节点直接无视
children：子元素——只返回元素节点

     var child = ul.children;console.log(child);

图片：

      var child = ul.childNodes;console.log(child);

图片：

关于childNodes和children区别相关推荐

了解childNodes 和 children 区别
做题的时候碰见了关于 childNodes 和 children之间的区别的问题,查了一点点资料,对他们二者之间也有了一些了解,写博客加深一下自己的印象. 二者的定义: childNodes: 返回包 ...
parentNode、parentElement，childNodes、children 区别
parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. ...
JavaScript之childNodes 和 children 区别
1.先让我们来看看childNodes的用法,以及是如何计算节点数量: 为什么输出是7而不是3呢?原来Internet Explorer 会忽略节点之间生成的空白文本节点(比如换行字符),而 Mozi ...
javascript中childNodes与children 区别以及firstChild与firstElementChild区别
1:childNodes属性: 标准的,它返回指定元素的子元素集合,包括html节点,所有属性,文本.可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属 ...
Js-parentNode、parentElement，childNodes、children 它们有什么区别呢？
原文:http://www.it130.cn/Article/FAQ/Web-kaifa/JavaScript/2007-3-20/2007032017013900.html 所属分类:Web 开发 ...
js表单验证处理和childNodes 和children 的区别
一.对提交表单进行空值验证 html代码: 1 <form action="#"onsubmit="return validate_form(this);" ...
childNodes和children的区别
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>c ...
childNodes和children，firstChild和firstElementChild，lastChild和lastElementChild的区别
首先,我们给出HTML的代码 <ul id='city'><li>北京</li><li>南京</li><li>东京</li ...
Html DOM元素的childNodes和children的区别
对于DOM元素,children是指DOM Object类型的子对象,不包括tag之间隐形存在的TextNode,而childNodes包括tag之间隐形存在的TextNode对象. 具体看一下针对c ...

关于childNodes和children区别

关于childNodes和children区别

一、parentNode和parentElement区别？

二、childNodes和children区别

1.区别

关于childNodes和children区别相关推荐

最新文章

热门文章