跟著視頻敲的,視頻里的能實現,我的不行,有onclick事件,但是背景色不變<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>點擊設置p標簽背景色</title>
????<style>
????????div?{
????????????width:?200px;
????????????height:?400px;
????????????border:?1px?solid?red;
????????}
????</style>
</head>
<body>
<input?type="button"?value="變色"?id="btn">
<div?id="dv">
????<br>
????<span>這是一個span</span>
????<p>這是一個p</p>
????<span>這是一個span</span>
????<p>這是一個p</p>
????<span>這是一個span</span>
????<p>這是一個p</p>
????<a?href="www.bing.com">這是一個a</a>
</div>
<script?src="../common.js"></script>
<script>
????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?<?nodes.length;?i++)?{
????????????//判斷這個子節點是不是p標簽
?if?(nodes[i].nodeType?==?1?&&?nodes[i].nodeName?==?"p")?{
????????????????nodes[i].style.backgroundColor?=?"red";
????????????}
????????}
????}
</script>
</body>
</html>在敲nodes.length的時候webstrom提示的length是被劃掉的,是不能用length嘛
用獲取節點的方式實現點擊按鈕改變標簽背景顏色的問題
簡單簡同學
2018-10-15 10:42:24
