Javascript-element.childNodes未看到append.newchild

Javascript-element.childNodes未看到append.newchild,javascript,Javascript,鉴于以下情况: <div ID="parent"> <div ID="child1">Children Stuff</div> <div ID="child2">More Childish things</div> </div> <div ID="orphan">Whhhaa I want a mommy</div> var p = document.getElementById("parent"

鉴于以下情况:

<div ID="parent">
<div ID="child1">Children Stuff</div>
<div ID="child2">More Childish things</div>
</div>
<div ID="orphan">Whhhaa I want a mommy</div>


var p = document.getElementById("parent");
var c = document.getElementById("orphan");
p.appendChild(c);
var ch = p.childNodes;
var ln = p.children;
for(var i=0;i < ln.length; i++) {
    console.log(ch[i]);
}
console.log(ln.length);

儿童用品
更幼稚的事情
我想要一个妈妈
var p=document.getElementById(“父项”);
var c=document.getElementById(“孤立”);
p、 儿童(c);
var ch=p.childNodes;
var ln=p.儿童;
对于(变量i=0;i
控制台输出提供:

<div ID="child1">Children Stuff</div>
<div ID="child2">More Childish things</div>
3
儿童用品
更幼稚的事情
3.
这就是我迷路的地方: 我需要从每个子节点(包括新的子节点)获取信息。当然,我不会简单地将其输出到控制台,我需要对与子元素共享类似ID的其他DOM元素执行一些逻辑

为什么element.childNodes;打电话去接新来的孩子? 感谢您的帮助


以上是示例air代码,因此如果语法不是100%,我很抱歉,但我希望这一点得到认可。

如果您修复了拼写错误,并在使用
p.childrends
p.childNodes
时保持一致,那么它就会起作用:

var p = document.getElementById("parent");
var c = document.getElementById("orphan");
p.appendChild(c);
var ch = p.children;
for(var i=0;i < ch.length; i++) {
console.log(ch[i]);
}
console.log(ch.length);
var p=document.getElementById(“父项”);
var c=document.getElementById(“孤立”);
p、 儿童(c);
var ch=p.儿童;
对于(变量i=0;i

如果您修复了拼写错误,并在使用
p.children
p.childrenodes
时保持一致,则此功能会起作用:

var p = document.getElementById("parent");
var c = document.getElementById("orphan");
p.appendChild(c);
var ch = p.children;
for(var i=0;i < ch.length; i++) {
console.log(ch[i]);
}
console.log(ch.length);
var p=document.getElementById(“父项”);
var c=document.getElementById(“孤立”);
p、 儿童(c);
var ch=p.儿童;
对于(变量i=0;i

您正在循环
ln.length
但读取
ch

for(var i=0;i < ln.length; i++) {
    console.log(ch[i]);
}

如下所示:

您正在循环
ln.length
但读取
ch

for(var i=0;i < ln.length; i++) {
    console.log(ch[i]);
}

如下所示:

因为您混合了子节点和子节点。尝试仅使用儿童:

var p=document.getElementById(“父项”);
var c=document.getElementById(“孤立”);
p、 儿童(c);
var ln=p.儿童;
对于(变量i=0;i

儿童用品
更幼稚的事情

我想要一个妈妈,因为你混合了孩子和孩子。尝试仅使用儿童:

var p=document.getElementById(“父项”);
var c=document.getElementById(“孤立”);
p、 儿童(c);
var ln=p.儿童;
对于(变量i=0;i

儿童用品
更幼稚的事情

Whhhaa我想要一个妈妈
提示:“空中密码”很好,但an更好-你会得到更快更好的答案。提示:“空中密码”很好,但an更好-你会得到更快更好的答案。facepalm!我不敢相信我错过了-谢谢你指出了显而易见的.facepalm!我不敢相信我错过了——谢谢你指出了显而易见的事实。