2

我刚开始学习 Javascript,但我真的以为我知道这一点。我不知道为什么它不起作用。theDiv当单击按钮时,我需要它插入格式化为 2 级标题的“此文本” 。我已经尝试了各种方法,即使有一个功能。这个例子似乎是它应该工作的方式,但事实并非如此。我必须仅使用 Javascript 来完成这项工作,没有 JQuery - 我还不知道。

<html>
  <h1 id="header">Header in progress</h1>
  <body>
    <p>
      <input type="button" id="theButton" value="click me!" onclick="document.getElementById('theDiv').innerHTML('This is new.')">
    </p>
    <h3><div id="theDiv"></div></h3>
  </body>
</html>
4

3 回答 3

3
document.getElementById("theDiv").textContent = 'This is dynamically added text';
于 2013-10-26T16:30:34.183 回答
2

利用document.getElementById('theDiv').innerHTML = 'This is new.'

您需要id使用 in 传递 div''(quotes)并且innerHTML属性不是函数

演示

于 2013-10-26T16:27:33.033 回答
0

第一步:获取您的按钮和您的 html 元素。第二步:将点击监听器添加到按钮第三步:将文本添加到您的 html 元素中。

const btn = document.getElementById('theButton');
const myText = document.getElementById('theDiv');

btn.addEventListener('click', function(){
  const myInsertText = 'Hello World !';
myText.innerHTML = myInsertText;

});
 <button id='theButton'>bouton</button>
 <p id="theDiv"></p>

于 2019-11-30T11:51:32.067 回答