Javascript 无法将文本从数组显示到html

Javascript 无法将文本从数组显示到html,javascript,html,arrays,Javascript,Html,Arrays,我的问题是,我无法让Javascript更改HTMLp标记中的文本 我用id=“knap”得到了这个HTML按钮,我用id=“answer”得到了这个p标签。我想,如果用户点击按钮,那么“答案”中的文本将发生变化 在Javascript代码中,我得到了一个包含所有答案的数组: 我得到了以下代码–从未尝试过Javascript,但已经用其他语言编程过了-: (Im使用外部JS文档) 这是我的html按钮: <a class="button" href="#"> <div id="

我的问题是,我无法让Javascript更改HTML
p
标记中的文本

我用
id=“knap”
得到了这个HTML
按钮,我用
id=“answer”
得到了这个
p
标签。我想,如果用户点击按钮,那么“答案”中的文本将发生变化

在Javascript代码中,我得到了一个包含所有答案的数组:

我得到了以下代码–从未尝试过Javascript,但已经用其他语言编程过了-:

(Im使用外部JS文档)

这是我的html按钮:

<a class="button" href="#">
<div id="knap">
<h1>Something</h1>
</div>
</a>

如何修复它

演示:

看看我做了什么,效果很好

我刚刚使用了这个html,正如您所看到的,我使用了您的JS代码

<a id="knap" href="#">KNAP</a>

<p id="answer"></p>

我认为你的问题与网页的加载方式有关

JS代码是异步加载的,因此在执行JS时可能会发生DOM尚未加载的情况。为了确保加载DOM,可以使用几种机制

  • 使用jQuery的onReady方法
  • window.onload=myOnloadFunc
  • 将JS放在底部,即使这不是保证
  • 告诉我如果你还有问题

    您好,

    看看我做了什么,效果很好

    我刚刚使用了这个html,正如您所看到的,我使用了您的JS代码

    <a id="knap" href="#">KNAP</a>
    
    <p id="answer"></p>
    
    
    

    我认为你的问题与网页的加载方式有关

    JS代码是异步加载的,因此在执行JS时可能会发生DOM尚未加载的情况。为了确保加载DOM,可以使用几种机制

  • 使用jQuery的onReady方法
  • window.onload=myOnloadFunc
  • 将JS放在底部,即使这不是保证
  • 告诉我如果你还有问题

    您好,

    看看我做了什么,效果很好

    我刚刚使用了这个html,正如您所看到的,我使用了您的JS代码

    <a id="knap" href="#">KNAP</a>
    
    <p id="answer"></p>
    
    
    

    我认为你的问题与网页的加载方式有关

    JS代码是异步加载的,因此在执行JS时可能会发生DOM尚未加载的情况。为了确保加载DOM,可以使用几种机制

  • 使用jQuery的onReady方法
  • window.onload=myOnloadFunc
  • 将JS放在底部,即使这不是保证
  • 告诉我如果你还有问题

    您好,

    看看我做了什么,效果很好

    我刚刚使用了这个html,正如您所看到的,我使用了您的JS代码

    <a id="knap" href="#">KNAP</a>
    
    <p id="answer"></p>
    
    
    

    我认为你的问题与网页的加载方式有关

    JS代码是异步加载的,因此在执行JS时可能会发生DOM尚未加载的情况。为了确保加载DOM,可以使用几种机制

  • 使用jQuery的onReady方法
  • window.onload=myOnloadFunc
  • 将JS放在底部,即使这不是保证
  • 告诉我如果你还有问题


    关于,

    您的javascript看起来不错,除非您在解析HTML之前运行它,即
    document.getElementById(“knap”)
    返回null/未定义


    您是在脚本之前还是之后包含HTML?将脚本放在HTML之后,它就会工作。

    您的javascript看起来很好,除非您在解析HTML之前运行它,即
    document.getElementById(“knap”)
    返回null/未定义


    您是在脚本之前还是之后包含HTML?将脚本放在HTML之后,它就会工作。

    您的javascript看起来很好,除非您在解析HTML之前运行它,即
    document.getElementById(“knap”)
    返回null/未定义


    您是在脚本之前还是之后包含HTML?将脚本放在HTML之后,它就会工作。

    您的javascript看起来很好,除非您在解析HTML之前运行它,即
    document.getElementById(“knap”)
    返回null/未定义


    您是在脚本之前还是之后包含HTML?将脚本放在HTML之后,它应该会工作。

    你能显示你的HTML代码吗?你什么时候将
    onclick
    分配给你的按钮的?在页面上呈现按钮之前或之后?您知道正在调用onClick函数吗?将警报(“测试”)放在onClick的第一行和最后一行。然后当你看到警告信息时告诉我们?他是对的。这对我也不管用!!我添加了警报(“测试”);在onclick=function(){alert(“test”);}的开头,您可以显示您的HTML代码吗?您什么时候将
    onclick
    分配给您的按钮的?在页面上呈现按钮之前或之后?您知道正在调用onClick函数吗?将警报(“测试”)放在onClick的第一行和最后一行。然后当你看到警告信息时告诉我们?他是对的。这对我也不管用!!我添加了警报(“测试”);在onclick=function(){alert(“test”);}的开头,您可以显示您的HTML代码吗?您什么时候将
    onclick
    分配给您的按钮的?在页面上呈现按钮之前或之后?您知道正在调用onClick函数吗?将警报(“测试”)放在onClick的第一行和最后一行。然后当你看到警告信息时告诉我们?他是对的。这对我也不管用!!我添加了警报(“测试”);在onclick=function(){alert(“test”);}的开头,您可以显示您的HTML代码吗?您什么时候将
    onclick
    分配给您的按钮的?在页面上呈现按钮之前或之后?您知道正在调用onClick函数吗?将警报(“测试”)放在onClick的第一行和最后一行。然后当你看到警告信息时告诉我们?他是对的。这对我也不管用!!我有补充