zoukankan      html  css  js  c++  java
  • Uncaught TypeError: Cannot set property 'innerHTML' of undefined

    window.onload = function(){
         // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
             var tr=document.getElementsByTagName("tr");
             for(var i=0;i<tr.length;i++){
                 bgcChange(tr[i]);
             }
         }
         function bgcChange(node){
             node.onmouseover=function(){
                 node.style.backgroundColor="#f2f2f2";
             }
             node.onmouseout=function(){
                 node.style.backgroundColor="#f6d0e7";
             }
         }
          // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
         var num=2;
        function add(){
            num++;
            var ot=document.getElementById('table');
            var tbody=ot.getElementsByClassName("tbody")[0];
            var otc=ot.childNodes[1];
            var tr=document.getElementsByTagName("tr");
            var td1=document.getElementsByTagName("td");
    //        var xm=document.createElement("td");
            var tt=document.createElement("tr");
            var trs=otc.parentNode.appendChild(tt);
            console.log(otc)
            console.log(trs.typeof);
            var ts=Array.prototype.slice.call(trs);
            console.log(ts)
            console.log(ts.push(tr));
            ts.forEach(function(element,index,array){
                var j=2;
                while(j<element.length){
                    j++;
                    tr[j].innerHTML+="<tr><th>"+'element[j]'+"</th></tr>"+"<tr><th>"+'element[j]'+"</th></tr>"+"<tr><th>"+'element[j]'+"</th></tr>";
                    return function() {
                        return this.tr[j].innerHTML+="<tr><th>"+'element[j]'+"</th></tr>"+"<tr><th>"+'element[j]'+"</th></tr>"+"<tr><th>"+'element[j]'+"</th></tr>";
                    }
                }
                console.log(element[j])
            })
            console.log(tr)
            
            td1.innerHTML="xh00"+num;
    //        xm.innerHTML="第"+num+"个学生";
         var del=document.createElement("td");
            del.innerHTML="";
            var tab=document.getElementById("table");
    
            var tr = document.getElementsByTagName("tr");
            for(var i=0;i<tr.length;i++){
                bgcChange(tr[i]);
            }
        }这里报了个tr没获取到,涉及到闭包概念,给返回一个function给tr赋值,问题得到解决。
  • 相关阅读:
    制作自适应布局的模块及框架(转载)
    从今天起开始写博了
    工作中碰到的css问题解决方法
    标题写个什么好呢
    快速编写HTML(Zen conding)
    2013年1月21日记事
    opc 方面研究
    关于 部署方面研究 Visual Studio 2013
    intel AVX指令集
    关于 返回数据类型 后 加& 的作用
  • 原文地址:https://www.cnblogs.com/aivnfjgj/p/12486082.html
Copyright © 2011-2022 走看看