Javascript 如何生成单词onclick？_Javascript_Html

Javascript 如何生成单词onclick？

javascript html

Javascript 如何生成单词onclick？,javascript,html,Javascript,Html,我试图创建一个包含标题的html页面，当我们点击标题时，它会在标题下生成单词。但是我的代码只适用于第一次点击，而且它还删除了标题。所以我的问题是，如何让它在标题下生成单词而不删除它 <!DOCTYPE html> <html> <head> <title>function JavaScript</title> <script> var k = 0; function bla(){

我试图创建一个包含标题的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>


函数JavaScript
var k=0；
函数bla（）{
变量ph=[“红色”、“蓝色”、“黑色”、“绿色”、“黄色”]；
如果（kAnydocument.write
语句在页面加载完成后运行，将创建一个新页面并覆盖当前页面的所有内容。这几乎肯定不是您想要的。因此，您应该避免在此类情况下使用document.write

所以试着添加一个元素，然后像这样写入它们
<h1 onclick="bla();">Click here</h1>
<span id="test"></span>

点击这里

JS:
if（k这可能是您需要的：
var k = 0;

function bla() {
    var ph = ["red", "blue", "black", "green", "yellow"];

    if (k < ph.length) {
        var p = document.createElement('p');
        p.innerHTML = ph[k];
        document.body.appendChild(p);
        k++;
    }
}

var k=0；
函数bla（）{
变量ph=[“红色”、“蓝色”、“黑色”、“绿色”、“黄色”]；
if（k


它会将每个单词写入自己的段落。你所说的“生成单词”是什么意思？你只是想打印数组中的每个单词，还是创建一个包含这些单词的多个组合的段落？将单词打印成段落。是否可以将单词以空格的形式打印在一起？
var k = 0;

function bla() {
    var ph = ["red", "blue", "black", "green", "yellow"];

    if (k < ph.length) {
        var p = document.createElement('p');
        p.innerHTML = ph[k];
        document.body.appendChild(p);
        k++;
    }
}