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赋值,问题得到解决。
  • 相关阅读:
    chkconfig命令
    PHP中的WebService
    MySQL 中联合查询效率分析
    javascript中json对象长度
    Replace Pioneer
    c++ 调用matlab程序
    ubuntu 安装 sublime
    一些地址收藏
    学习笔记草稿
    Redis Cluster 集群使用(3)
  • 原文地址:https://www.cnblogs.com/aivnfjgj/p/12486082.html
Copyright © 2011-2022 走看看