children 和childNodes 的区别
2024-10-14 11:28:33
1:childNodes /children相同点:它返回指定元素的子元素集合。
2:区别:children : 它是非标准的,仅返回HTML节点。甚至不返回文本节点。所有浏览器表现一 致。
childNodes :它是标准的,返回包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点, 当nodeType==1是元素节 点,2是属性节点,3是文本节点。
js操作document时,试图使用childNodes取得Div节点的Div子节点,IE浏览器中没有任何问题,
而FF浏览器会将TEXT_NODE类型的节点同样计入子节点,这样就会操作到错误的对象。可以在循环中添加if(obj.nodeType==3){continue;}else{do something...}来兼容。
有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况:
IE6/7/8/Safari/Chrome/Opera | IE9/Firefox | |
childNodes(i) | 支持 | 不支持 |
最新文章
- 浅玩JavaScript的数据类型判断
- [原创]webapp/css3实战,制作一个《炉石传说》宣传页
- BZOJ4348 : [POI2016]Park wodny
- YTU 2620: B 链表操作
- Java类的初始化过程及清理
- 随机森林实现 MATLAB
- 整个Html内容以邮件的方式发送出去(取出标签包含的用户输入信息)
- MFC 窗口重绘问题
- 消息队列(Message Queue)基本概念(转)
- Java I/O---字符与字节转换流---FileReader&;FileWriter:
- Tomcat 启动时 警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context}
- 常见爬虫/BOT对抗技术介绍(一)
- Clone of COCO API
- dockerfile构建nginx并结合php
- linux虚拟机ping不通主机和外网(包括刚装系统遇到的一些问题)
- UNIX高级环境编程(15)进程和内存分配 <; 故宫角楼 >;
- webDriver.Close() 和 webDriver.Quit() 、webDriver.Dispose() 的区别
- div添加滚动条常见属性
- Keras 入门
- Ansible 系列之 Inventory 资源清单介绍