我正在尝试创建一个包含标题的 html 页面，当我们单击标题时，它会在其下方生成单词。但我拥有的代码仅适用于第一次点击，并且它还删除了标题。所以我的问题是，如何让它在标题下生成单词而不删除它？
<!DOCTYPE html>
<html>
<head>
<title>function JavaScript</title>
<script>
var k = 0;
function bla(){
var ph = ["red ","blue","black","green","yellow"];
if(k <= ph.length ){
document.write(ph[k]);
k++;
}
}
</script>
</head>
<body>
<h1 onclick="bla();">Click here</h1>
</body>
</html>
最佳答案
页面加载完成后运行的任何 document.write 语句都将创建一个新页面并覆盖当前页面的所有内容。这几乎肯定不是您想要发生的情况。因此，您应该避免在这种情况下使用 document.write
所以尝试添加一个元素，然后像这样写入它们
<h1 onclick="bla();">Click here</h1>
<span id="test"></span>
JS:
if(k <= ph.length ){
//document.write(ph[k]);
document.getElementById("test").innerText+=" "+ ph[k];;
k++;
}
关于javascript - 如何生成onclick文字？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15867555/