跟着视频敲的,视频里的能实现,我的不行,有onclick事件,但是背景色不变html>
点击设置p标签背景色
div{
width:200px;
height:400px;
border:1pxsolidred;
}
这是一个span
这是一个p
这是一个span
这是一个p
这是一个span
这是一个p
这是一个a
my$("btn").onclick=function(){
//获取div
vardvObj=my$("dv");
//console.log(dvObj);
//获取div下所有的子节点
varnodes=dvObj.childNodes;
console.log(nodes.length);
//循环遍历所有的子节点
for(vari=0;i
//判断这个子节点是不是p标签
if(nodes[i].nodeType==1&&nodes[i].nodeName=="p"){
nodes[i].style.backgroundColor="red";
}
}
}
在敲nodes.length的时候webstrom提示的length是被划掉的,是不能用length嘛