javascript - 无法使用innerHTML

Question

我是 Stack Overflow 和 JavaScript 方面的新手。首先，向大家问好，并提前感谢您的帮助。

我正在使用 Incomedia Website X5 Evolution 创建网站。在其中一个页面上，我想用服务器中的数据填充表。因此，我创建了一个表格并在每个单元格中插入以下 HTML 代码:

<!--#0000,0000-->

值代表行和列。我设法编写了一个 JavaScript 来更改每个单元格的值。但是当我想使用innerHTML替换HTML pahe的内容时，它不起作用。尽管如此，一切似乎都是正确的，因为旧的和新的 html 内容是相同的。即使我只是再次使用原始变量，它仍然不起作用。

您能告诉我问题出在哪里吗？

这里是 JavaScript 代码:

<script>

var i;
var div = document.getElementById('imTableObject_1');
div = document.getElementsByTagName('table');
var htmlContent = div[0].innerHTML;
var newHtmlContent = div[0].innerHTML;
var test = div[0].innerHTML;
var row,col;

//I can't understand why the scrip stop running at this line. I didn't change anything...
div[0].innerHTML = newHtmlContent ;

for (i=htmlContent.length - 5; i > -1; i--) {

if(htmlContent.charAt(i)=='#') {

    //alert(i);
    //alert(htmlContent.substring(i+6,i+10));
    row = parseInt(htmlContent.substring(i+1,i+5));     
    col = parseInt(htmlContent.substring(i+6,i+10));

    newHtmlContent = insertText(row,col,newHtmlContent,i);
};
};

alert(div[0].innerHTML);
alert(newHtmlContent );

//This does not work
div[0].innerHTML = newHtmlContent ;

alert("Done !");



function insertText (row, col, text, index) {

var length;
var newText;

length = getTextLength (text,index + 13);

//alert(htmlContent.substring(index+13,index+13+length));

newText = text.substring(0,index+13);
newText += "Titi too !";
newText += text.substring(index+13+length,text.length);

//alert(newText);

return newText ;

}

function getTextLength (text,startIndex) {

var i = 0;

for(i = startIndex ; i < text.length ; i++) {

    //alert(text.substring(i,i+7));

    if(text.substring(i,i+7) == "</span>") {

        return i - startIndex ;
    };
};

return -1;
}

</script>

Answer 1

您设置:

var newHtmlContent = div[0].innerHTML;

然后:

div[0].innerHTML = newHtmlContent ;

您正在将其内容设置为其已有的内容。因此，不会发生任何变化。