文本框在文本框中打印自己的html代码

时间:2015-11-02 20:22:35

标签: javascript html

我有桌子,我在其中动态创建行和单元格,通过单击任何单元格,在单元格内创建输入文本框并将单元格值放在文本框中,问题是当我再次单击它时文本框在文本框中打印该文本框的html。

var allTds = document.getElementsByTagName("td");      
var tdsLength = allTds.length;

for(var i=0; i<tdsLength;i++){          
  allTds[i].onclick = function (){ 
      var valOfThisTd = this.innerHTML;
    var tds = this.parentNode.childNodes;           
      for(var j=1; j<tds.length-1;j++){                  
        tds[j].ondblclick = function(){                                                          
          this.innerHTML = "<input type='text' value='"+valOfThisTd+"' style='width:100px;'>";
                console.log(this.innerHTML);
           }                  
      }
  }
}

1 个答案:

答案 0 :(得分:0)

因为第二次你的td的innerHtml是“<input type='text' value='someValue' style='width:100px;'>”,你需要从另一个来源获取td值