Javascript QuerySelector所有更改的属性

Javascript QuerySelector所有更改的属性,javascript,selectors-api,Javascript,Selectors Api,其中nodes=querySelectorAll和childNodes=p.childNodes 您只需直接设置p的innerHTML: for (var k=0; k<childNodes.length; k++) { for (var j=0; j<nodes.length; j++) { if (childNodes[k].id === nodes[j].id) { p.replaceChild(n

其中
nodes=querySelectorAll
childNodes=p.childNodes

您只需直接设置
p
innerHTML

for (var k=0; k<childNodes.length; k++) {
        for (var j=0; j<nodes.length; j++) {    
            if (childNodes[k].id === nodes[j].id) {
                p.replaceChild(nodes[j],childNodes[k]);
            } 
        }   
    }
请注意,“返回一个非活动节点列表,其中包含从调用它的元素派生的、与指定的CSS选择器组匹配的所有元素
。”


因此,默认情况下,在
p
上调用此函数的元素不会包含在返回的
NodeList
中。您只需直接设置
p
innerHTML

for (var k=0; k<childNodes.length; k++) {
        for (var j=0; j<nodes.length; j++) {    
            if (childNodes[k].id === nodes[j].id) {
                p.replaceChild(nodes[j],childNodes[k]);
            } 
        }   
    }
请注意,“返回一个非活动节点列表,其中包含从调用它的元素派生的、与指定的CSS选择器组匹配的所有元素
。”


因此,默认情况下,您在
p
上调用的元素不会包含在返回的
NodeList
中。您的NodeList应在使用前转换为数组


在使用节点列表之前,应将其转换为数组


什么是“e”?它指的是什么元素?您的代码会影响“e”元素中的所有跨度。假设
e
中有不同元素的“e”是什么?它指的是什么元素?您的代码会影响“e”元素中的所有跨距。假设
e
中的不同元素,我不明白。。。我有不同的元素。我想找到其中的所有内容,并为每个内容更改innerHTML。@jagger-您最初的问题提到,这些更改已成功应用于所有内部
s,但未应用于
p
本身。因此,我的答案是设置
p
innerHTML
。是的,这意味着
节点中的所有
都已更改,但
p
中相同的
仍然没有更改,但在我看来它们应该更改。如果我使
节点=p.childNodes,所有操作都正常。
…要更改的文本。
@jagger-检查此工作JSFIDLE。这和你的代码有什么不同?我不明白。。。我有不同的元素。我想找到其中的所有内容,并为每个内容更改innerHTML。@jagger-您最初的问题提到,这些更改已成功应用于所有内部
s,但未应用于
p
本身。因此,我的答案是设置
p
innerHTML
。是的,这意味着
节点中的所有
都已更改,但
p
中相同的
仍然没有更改,但在我看来它们应该更改。如果我使
节点=p.childNodes,所有操作都正常。
…要更改的文本。
@jagger-检查此工作JSFIDLE。这与您的代码有什么不同?它不是,在本例中它将是静态数组,我需要动态更改它。它不是,在本例中它将是静态数组,我需要动态更改它。
p.innerHTML = '&nbsp';