Javascript 获取HTML正文中的所有元素
我试图编写一个Javascript函数来获取HTML正文中的所有元素。 我试过这样的方法:Javascript 获取HTML正文中的所有元素,javascript,css,arrays,document-body,Javascript,Css,Arrays,Document Body,我试图编写一个Javascript函数来获取HTML正文中的所有元素。 我试过这样的方法: function getAllElements(){ let el = document.body.childNodes; for(var i=0; i<el.length; i++) { if(el[i].getAttribute("id") != "monkeyparentdiv" |
function getAllElements(){
let el = document.body.childNodes;
for(var i=0; i<el.length; i++)
{
if(el[i].getAttribute("id") != "monkeyparentdiv" || el[i].getAttribute("id") != "monkeydiv"
|| el[i].getAttribute("id") != "monkeyspan1" || el[i].getAttribute("id") != "monkeyspan2")
{
el[i].classList.add("opacityformonkey");
}
}
}
长话短说,我想将所有元素的不透明度设置为0.3,但if条件中提到的元素除外。
但这给了我一个错误:
el[i].getAttribute is not a function.
我做错了什么?返回所有类型的节点,包括没有属性的文本节点。你应该改用
另外,JavaScript代码为monkey添加类opacityformonkey
(无连字符),但在CSS中,为monkey添加了opacityformonkey
(带连字符)。返回所有类型的节点,包括没有属性的文本节点。你应该改用
另外,JavaScript代码为monkey添加类
opacityformonkey
(无连字符),但在CSS中,您为monkey添加了opacityformonkey
(带连字符)。所有子节点可能不是一个元素。您还必须检查文本节点并将其排除。以下是代码的修改版本:
function getAllElements(){
let el = document.body.childNodes;
for(var i=0; i<el.length; i++){
if (el[i].nodeType != Node.TEXT_NODE){
if(el[i].getAttribute("id") != "monkeyparentdiv" || el[i].getAttribute("id") != "monkeydiv"
|| el[i].getAttribute("id") != "monkeyspan1" || el[i].getAttribute("id") != "monkeyspan2")
{
el[i].classList.add("opacityformonkey");
}
}
}
}
函数getAllegements(){
设el=document.body.childNodes;
对于(var i=0;i所有子节点可能不是元素。您还必须检查文本节点并将其排除。以下是代码的修改版本:
function getAllElements(){
let el = document.body.childNodes;
for(var i=0; i<el.length; i++){
if (el[i].nodeType != Node.TEXT_NODE){
if(el[i].getAttribute("id") != "monkeyparentdiv" || el[i].getAttribute("id") != "monkeydiv"
|| el[i].getAttribute("id") != "monkeyspan1" || el[i].getAttribute("id") != "monkeyspan2")
{
el[i].classList.add("opacityformonkey");
}
}
}
}
函数getAllegements(){
设el=document.body.childNodes;
对于(var i=0;i你能共享html部分的一部分吗?你的childNodes也将包含文本元素。它们没有id。因此你会得到那个错误。你能共享html部分的一部分吗?你的childNodes也将包含文本元素。它们没有id。所以你会得到那个错误。这很好。谢谢提醒。这很好很好,谢谢你的提醒。