JavaScript关于不要复制黏贴代码的心得
功能描述:
JavaScript实现点击行变黄色,其他行变白色。
程序思路:
方法一:遍历每一行判断是否是点击行,如果是就直接设置为黄色,不是则设置为白色;
方法二:遍历每一行全部设置为白色,末了用this直接设置点击行为白色;
方法二正确源程序如下:
<script type="text/javascript">
function initEvent() {
var texts = document.getElementsByTagName("tr");
for (var i = 0; i < texts.length; i++) {
texts[i].onclick = textOnClick;
texts[i].style.cursor = "pointer";
}
}
function textOnClick() {
var texts = document.getElementsByTagName("tr");
for (var i = 0; i < texts.length; i++) {
texts[i].style.background = "white";
}
this.style.background = "yellow";
}
</script>
心得体会:
函数initEvent()中for循环中i<texts.length写成i<=texts.length;函数textOnClick()中直接复制上面的for循环,导致两个地方出错;花费了二十几分钟才解决问题
首先,调试功能不太熟练,查找Bug在停留在个人代码审查阶段,以后要多多注意,不要在范同样的错误;
其次,不要黏贴代码,容易把错误带给整个程序,查找更困难,谨记。