原生javascript取子节点
2017-12-25 11:27
78 查看
1.javascript使用的方法是children,它取出的是元素节点,只包含元素,不包含其他节点(节点的认识可参考http://www.cnblogs.com/Jersen/p/4908943.html,此为转载)使用方法可参考我的代码如下:
<ul id="sa">
<li>1111</li>
<li>2111</li>
<li>3111</li>
<li>4111</li>
</ul>
2.javascript使用的是childnodes,他取出的不只有元素节点,而是所有子节点
//var k2=document.getElementsByTagName("ul")[0].childNodes;
var k2=document.getElementById("sa").childNodes;
console.dir(k2);
这里要注意的有一点,只有getElementById这个是直指该元素的,其他的大多都是找的数组,所以要加[0];否则会报错或输出undefined;
当然,jquery也是用的children不过是children()方法
转载请注明出处:http://blog.csdn.net/vagg13/article/details/78890799
<ul id="sa">
<li>1111</li>
<li>2111</li>
<li>3111</li>
<li>4111</li>
</ul>
var k=document.getElementById("sa").children; console.dir(k);
2.javascript使用的是childnodes,他取出的不只有元素节点,而是所有子节点
//var k2=document.getElementsByTagName("ul")[0].childNodes;
var k2=document.getElementById("sa").childNodes;
console.dir(k2);
这里要注意的有一点,只有getElementById这个是直指该元素的,其他的大多都是找的数组,所以要加[0];否则会报错或输出undefined;
当然,jquery也是用的children不过是children()方法
转载请注明出处:http://blog.csdn.net/vagg13/article/details/78890799
相关文章推荐
- 在使用javascript 取子节点 firstChild时要注意的问题
- 原生JavaScript获取DOM节点的方法汇总
- 原生JavaScript节点
- javascript dom 节点对象的原生事件和自定义事件
- 原生Javascript遍历文档节点(处处是坑啊)
- JavaScript原生的节点操作
- 原生javascript控制兄弟节点
- javascript 原生方法对dom节点的操作,创建、添加、删除、替换、插入、复制、移动等操作
- 原生JavaScript获取DOM节点的方法汇总
- 总结获取原生JS(javascript)的父节点、子节点、兄弟节点
- JavaScript原生节点操作小结
- 原生JavaScript获取DOM节点的方法汇总
- 总结获取原生JS(javascript)的父节点、子节点、兄弟节点
- javascript对dom节点拖拽的简单实现(drag特性)
- 原生javascript实现隔行换色
- 原生JS的DOM节点操作
- 原生Javascript插件封装开发实践
- JavaScript HTML DOM 元素(节点)/添加和删除节点(HTML 元素)。
- 原生javascript实现AJAX
- 原生的javascript实现ajax技术