作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试创建一个包含标题的 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/
我是一名优秀的程序员,十分优秀!