1

我是 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>
4

2 回答 2

0

将第三行更改为

div = document.getElementsByTagName('td');

寻找<td>标签而不是<table>标签。<table>s 不能直接存储文本数据，所以我猜它们innerHTML也不能按预期工作。

我设法让它在这里工作：http: //jsfiddle.net/mgabor/ZMaW6/1/

于 2013-04-24T15:32:29.563 回答
0

你设置：

var newHtmlContent = div[0].innerHTML;

接着：

div[0].innerHTML = newHtmlContent ;

您正在将其内容设置为其内容已经是什么。因此，不会发生任何变化。

于 2013-04-24T15:15:41.543 回答