文本框打印它'在文本框中显示自己的html代码

text box printing it's own html code inside the text box

本文关键字：文本 显示 自己的 html 代码 打印      更新时间：2023-09-26

我有一个表，我正在其中动态创建行和单元格，通过单击任何单元格，它会在该单元格中创建输入文本框，并将单元格值放入文本框中，问题是当我再次单击同一文本框时，它会将该文本框的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);
           }                  
      }
  }
}

因为第二次td的innerHtml为"<input type='text' value='someValue' style='width:100px;'>"时，您需要从另一个源获取td值

相关文章：