不能使用document.getElementById（）。innerHTML来重写原始的html

Question

我想在原始内容之后添加一些内容，但新内容将每次都覆盖原始内容......这种情况有什么问题？ （对不起我可怕的英语......）

var originaltext = document.getElementById("id").innerHTML;
document.getElementById("id").innerHTML = originaltext + "newtext";

还有一件事，我尝试使用alert来显示＆＃34; originalltext＆＃34;，但它没有任何显示。

alert(originaltext);

Answer 1

你的代码对我来说没问题。我为你做了一个jsfiddle只是为了看它是否有效http://jsfiddle.net/3mqsLweo/

var myElement = document.getElementById('test');
var originalText = myElement.innerHTML.toString();
myElement.innerHTML = originalText+" new text";

检查您是否只有一个ID为“cartzone”的元素

Answer 2

一种简单快捷的方法是将旧值与新值连接起来。

document.getElementById('myid').innerHTML += " my new text here"

Answer 3

当代码的其余部分写得不好并且包含错​​误或多次使用相同的ID时，通常会发生此问题。 我过去也遇到过同样的问题。

你有两个选择：

1. 检查其余代码（验证）
2. 使用jQuery - 我不知道怎么做，但每次都有效。