Question

我有一点问题，我无法将数据添加到现有元素，所以这是我的Html代码（1行）：

<div id="lista"></div>

这是我的剧本：

var text = "ok";
for(var i=0; i<3;i++){
   text += "<p>text"+i+"</p>";
}

alert(text) // shows the expected data : ok<p>text0</p><p>text1</p><p>text2</p>
document.getElementById("lista").innerHTML = text;

但是我的页面没有添加任何东西，而不是使用innerHtml我使用了textContent，但似乎它没有用。

我按照了begginers的教程，但正如你所看到的，我没有得到预期的结果，任何帮助都会非常感激。

Answer 1

尝试包装代码document.addEventListener("DOMContentLoaded",以确保在执行代码之前加载DOM。

试试这个：

＆＃13;

document.addEventListener("DOMContentLoaded", function() {
	var text = "ok";
	for(var i=0; i<3;i++){
	   text += "<p>text"+i+"</p>";
	}

	alert(text) // shows the expected data : ok<p>text0</p><p>text1</p><p>text2</p>
	document.getElementById("lista").innerHTML = text;
});

＆＃13;

<div id="lista"></div>

＆＃13;

添加文本到现有元素不起作用？

1 个答案: