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在停留在个人代码审查阶段,以后要多多注意,不要在范同样的错误;

其次,不要黏贴代码,容易把错误带给整个程序,查找更困难,谨记。

原文地址:https://www.cnblogs.com/605395451/p/1924756.html