本帖最后由 clearwater 于 2020-3-5 08:39 编辑
下面的代码出自某前端的视频教程，本节讲的是排他的思想，把所有按钮颜色变成没有颜色，只有点击过的按钮才会变粉红色。
下面代码第21行，为啥视频老师为啥把背景颜色赋值为空 ‘ ’？
W3SCHOOL的相关语法，并没有空。我觉得虽然结果是达到目的了，但是是不是相对不规范？ 是不是改为transparent更好一点？
Object.style.backgroundColor=color-name|color-rgb
|color-hex|transparent
https://www.w3school.com.cn/jsref/prop_style_backgroundcolor.asp
[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>button</button>
<button>button</button>
<button>button</button>
<button>button</button>
<button>button</button>
<button>button</button>
<script>
var btns = document.getElementsByTagName('button');
for (var i = 0; i < btns.length; i++ ) {
btns[i].onclick = function () {
for (var i = 0; i < btns.length; i++) {
btns[i].style.backgroundColor = '';
}
this.style.backgroundColor = 'pink';
}
}
</script>
</body>
</html> | 
发表于 2020-3-5 08:23
|
发表于 2020-3-5 08:47
