html5单击修改背景色,用获取节点的方式实现点击按钮改变标签背景颜色的问题...

跟着视频敲的,视频里的能实现,我的不行,有onclick事件,但是背景色不变html>

点击设置p标签背景色

div {

width: 200px;

height: 400px;

border: 1px solid red;

}

这是一个span

这是一个p

这是一个span

这是一个p

这是一个span

这是一个p

这是一个a

my$("btn").onclick = function () {

//获取div

var dvObj = my$("dv");

//console.log(dvObj);

//获取div下所有的子节点

var nodes = dvObj.childNodes;

console.log(nodes.length);

//循环遍历所有的子节点

for (var i = 0; i 

//判断这个子节点是不是p标签

if (nodes[i].nodeType == 1 && nodes[i].nodeName == "p") {

nodes[i].style.backgroundColor = "red";

}

}

}

在敲nodes.length的时候webstrom提示的length是被划掉的,是不能用length嘛