<div id="parent">
<div id="child1">
<div id="child11"></div>
</div>
<div id="child2"></div>
</div>
var parent = document.getElementById("parent");
获得了父元素parent的情况下怎么根据父元素parent获取其下面的子节点,如获取child1,child11,不要直接用getElementById,求大神解答
解决方案 »
- 2个js调用方法的问题
- js判断密码不可以输入空格
- show个无缝滚动代码
- 为什么不直接用innerHTML(或者innerText)修改div里面的内容,而要构建这要两个函数呢?
- 第一次学习THIS的用法,来问个简单的问题~~~~
- http://www.idll.net/test/123.gif
- 不用嵌入式框架,只在一个页面上,怎么做出嵌入式框架的JAVASCRIPT效果(就是在页面上的特定位置有水平和垂直滚动条)来?肯定要用到层。
- 咋么样格式化用户输入的数字
- 失恋了,不想活了,能放多少放多少!js的朋友安慰安慰我,求版主别删,就到明天晚上
- 在看javascript高级程序设计3时遇到个小问题,求帮助!不胜感激
- 解除匿名函数的引用后为什么还可以输出成功 ?
- 怎么通过INPUT的name值给input 追加ID属性
<div id="parent">
<div id="child1">
<div id="child11"></div>
</div>
<div id="child2"></div>
</div>
<script type="text/javascript">
function getChildNode(childNodes, index) {
var node = -1;
for (var i = 0, j = childNodes.length; i < j; i++)
if (childNodes[i].nodeType == 1) {
node++;
if (node == index) return childNodes[i];
}
return false;
}
window.onload = function () {
var parent = document.getElementById("parent");
var child1 = getChildNode(parent.childNodes, 0);
alert(child1.id)
var child11 = getChildNode(child1.childNodes, 0);
alert(child11.id)
}
</script>
nextSibling //下一个节点
firstChild //第一个孩子
lastChild //最后一个孩子
childNodes //所有的孩子节点,nodeList类型的以上是XML DOM标准接口,在其他语言的DOM实现中都是统一的。但是以上接口有一个缺点,那就是文本节点也算节点。html为了格式美观,通常会保留换行和缩进。
于是,现代浏览器又提供了一系列类似的接口,用来只关心Element节点。previousElementSibling
nextElementSibling
firstElementChild
lastElementChild
children以上接口需现代浏览器才支持。