children()和children以及childrenNode的区别

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>遍历节点</title><script src="js/Jquery.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$(function(){var $body=$("body").children();alert($body.length);//2(p元素和ul元素)var $ul=$("ul").children();alert($ul.length);//3var $li=$("li").children();alert($li.length)//0//children()方法只考虑子元素（元素节点），不考虑隔代的子元素，也不考虑其他节点；})window.onload=function(){var ul=document.getElementsByTagName("ul")[0];var liarrN=ul.childNodes;var liarrE=ul.children;var bodyChildren=document.body.children;alert("bodyChildren.length="+bodyChildren.length);//2（ul和p)console.log(bodyChildren[0]);//p元素console.log(bodyChildren[1]);//ul元素alert(liarrN.length);//7（包括四个""文本节点）alert(liarrE.length);//3（仅包括三个li节点）//childNodes 属性返回所有的节点，包括文本节点、注释节点；children 属性只返回元素节点；}</script></head><body><p title="选择你最喜欢的水果.">你最喜欢的水果是？</p><ul><li title="苹果">苹果</li><li title="橘子">橘子</li><li title="菠萝">菠萝</li></ul></body>
</html>

children()和children以及childrenNode的区别相关推荐

【English】九、kids/children/toddlers 三个单词的区别
一.child.kid.toddler 参考:https://www.zybang.com/question/a9150bb1239cf1d667135e9bd8518f75.html child:美 ...
pytorch系列8 --self.modules() 和 self.children()的区别
本文主要讲述: self.modue和self.children的区别与联系说实话,我真的只想讲参数初始化方式,但总感觉在偏离的道路上越走越远... 在看一些pytorch文章讲述自定义参数初始化方 ...
Dom 中 children 与childNodes 的区别
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
children与childNodes的区别
children与childNodes都是获取目标元素的子节点,不同的是: 1.children是非标准属性,childNodes是标准属性. 2.children获取的都是元素节点,而childNo ...
由获取子元素的方法find和children所获
html代码如下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www ...
React.Children 详解
React.Children 详解 React.Children提供了处理 this.props.children 的 API,this.props.children 支持任何数据(组件.字符串.函数 ...
React 向children中传值，layouts
const newChild = React.children.map(children,function(childItem){return React.cloneElement(childItem ...
react 遍历对象_React 源码系列 | React Children 详解
本文基于 React V16.8.6,本文代码地址测试代码源码讲解 React 中一个元素可能有 0 个.1 个或者多个直接子元素,React 导出的 Children 中包含 5 个处理子元素的 ...
react封装函数_React 模式-将函数作为 children 传入和 render prop - 极客教程
最近几个月来,React 社区开始转向一个有趣的方向.到目前为止,我们的示例中的 children 属性都是 React 组件.然而,有一种新的模式越来越受欢迎,children 属性是一个 JSX ...

children()和children以及childrenNode的区别

children()和children以及childrenNode的区别相关推荐

最新文章

热门文章