Javascript .innerHTML不';不要在div'内打印任何内容;s
我是html和javascript的初学者。我试图在按下按钮时输出一些文本,使用.innerHTML从javascript输出,但它不会输出任何内容。我通过id链接div(如果可能的话,我希望避免循环)。这是代码Javascript .innerHTML不';不要在div'内打印任何内容;s,javascript,html,Javascript,Html,我是html和javascript的初学者。我试图在按下按钮时输出一些文本,使用.innerHTML从javascript输出,但它不会输出任何内容。我通过id链接div(如果可能的话,我希望避免循环)。这是代码 <section class="box special features"> <div class="features-row"> <section> <h3 ="h31"> </h3>
<section class="box special features">
<div class="features-row">
<section>
<h3 ="h31"> </h3>
<p id="p1"> </p>
<p id="p2"> </p>
</section>
<section id="s2">
<h3 id="h32"> </h3>
<p id="p3"> </p>
<p id="p4"> </p>
</section>
</div>
</section>
<button onclick= "myFunction()" id="button" name="button">ok</button>
<script type="text/javascript">
function myFunction () {
h31.innerHTML = ("some text 1");
p1.innerHTML = ("some text 2");
p2.innerHTML = ("some text 3");
h32.innerHTML = ("some text 4");
p3.innerHTML = ("some text 5");
p4.innerHTML = ("some text 4");
}
</script>
好啊
函数myFunction(){
h31.innerHTML=(“某些文本1”);
p1.innerHTML=(“某些文本2”);
p2.innerHTML=(“某些文本3”);
h32.innerHTML=(“一些文本4”);
p3.innerHTML=(“一些文本5”);
p4.innerHTML=(“一些文本4”);
}
谢谢。
h31
和您的其他标识符未定义。您需要通过执行以下操作来获取HTML元素:
document.getElementById(“h31”).innerHTML=“一些文本1”代码>h31
和您的其他标识符未定义。您需要通过执行以下操作来获取HTML元素:
document.getElementById(“h31”).innerHTML=“一些文本1”代码>
document.getElementById()
h31、p1、p2。。。。自您声明后未定义;)比如var h31=document.getElementById('h31')代码>大多数浏览器允许通过id访问作为窗口
对象成员的元素,因此在表面上这应该是可行的。另一方面,
打字错误是否存在于您的实际代码中?@Yoplaboom谢谢<代码>文档.getElementById()
h31、p1、p2。。。。自您声明后未定义;)比如var h31=document.getElementById('h31')代码>大多数浏览器允许通过id访问作为窗口
对象成员的元素,因此在表面上这应该是可行的。另一方面,
打字错误是否存在于您的实际代码中?@Yoplaboom谢谢!那不是真的。使用getElementById
(注意大小写!JavaScript区分大小写!)是最佳做法,但这不是实际问题。这种更改不会解决问题,因为问题中的代码中没有id为h31
的元素。创建与元素id匹配的全局变量对我来说是新的,但我刚刚尝试过,而且确实有效!谢谢你提供的信息,那不是真的。使用getElementById
(注意大小写!JavaScript区分大小写!)是最佳做法,但这不是实际问题。这种更改不会解决问题,因为问题中的代码中没有id为h31
的元素。创建与元素id匹配的全局变量对我来说是新的,但我刚刚尝试过,而且确实有效!谢谢您提供的信息。当然,myFunction()
函数已定义,但未被调用。在用户实际看到添加到这些元素中的文本之前,需要在某个地方调用它。@CarlFink-来自问题:D'oh!阅读理解失败。再次感谢。非常感谢你的回答!当然,myFunction()
函数已定义但未调用。在用户实际看到添加到这些元素中的文本之前,需要在某个地方调用它。@CarlFink-来自问题:D'oh!阅读理解失败。再次感谢。非常感谢你的回答!
<h3 ="h31"> </h3>