1

我在 Javascript 中的 div 元素中创建了一个表，其中包含一些行和列

var parentElement = document.getElementById('divExcelData');
var tableElement = document.createElement('table');
  tableElement.border = "1";

  for (var r = 1; r <= 3; r++) {
      var rowElement = document.createElement('tr');
      for (var c = 1; c <= 2; c++) {

          var colElement = document.createElement('td');
          colElement.setAttribute("style", "width:80px; height:20px; border:1px solid Black;");              
          var divElement = document.createElement('div');

          divElement.id = r + '_' + c;
          divElement.contentEditable = "true";
          divElement.style.width = "100%";
          divElement.style.height = "100%";       
          colElement.appendChild(divElement);
          rowElement.appendChild(colElement);
          }
          parentElement.appendChild(tableElement);
    }

但问题是当我从 Internet Explorer(9) 开发人员工具中调试页面时，它会将表格元素的内部 html 显示为...

<TABLE border=1>
<TR>\r\n
<TD>\r\n
<DIV style=\"WIDTH: 100%; HEIGHT: 100%\" id=1_1 contentEditable=true></DIV>
</TD>\r\n
<TD>\r\n
<DIV style=\"WIDTH: 100%; HEIGHT: 100%\" id=1_2 contentEditable=true></DIV></TD>
</TR>
\r\n
<TR>\r\n
<TD>\r\n
<DIV style=\"WIDTH: 100%; HEIGHT: 100%\" id=2_1 contentEditable=true></DIV>
</TD>
\r\n
<TD>
\r\n
<DIV style=\"WIDTH: 100%; HEIGHT: 100%\" id=2_2 contentEditable=true></DIV>
</TD>
</TR>
\r\n
<TR>
\r\n
<TD>
\r\n
<DIV style=\"WIDTH: 100%; HEIGHT: 100%\" id=3_1 contentEditable=true></DIV>
</TD>
\r\n
<TD>
\r\n
<DIV style=\"WIDTH: 100%; HEIGHT: 100%\" id=3_2 contentEditable=true>
</DIV>
</TD>
</TR>
</TABLE>

我不知道为什么在 HTML 中添加了 \r\n 并且样式元素包含 (\") 而不是 (")。这就是页面什么也不显示的原因。此代码在 Chrome 和 Firefox 中运行良好。

4

0 回答 0