Onclick 将文本添加到 div
[英]Onclick add text to a div
问题描述
我刚开始学习 Javascript，但我真的以为我知道这一点。 我无法弄清楚为什么它不起作用。 我需要它在单击按钮时将格式化为 2 级标题的“此文本”插入到theDiv 。 我已经尝试了各种方法，即使是一个函数。 这个例子似乎是它应该工作的方式，但事实并非如此。 我必须只使用 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>
3 个解决方案
解决方案1
3 2013-10-26 16:30:34
document.getElementById("theDiv").textContent = 'This is dynamically added text';
解决方案2
2 2013-10-26 16:27:33
使用document.getElementById('theDiv').innerHTML = 'This is new.'
您需要使用 in ''(quotes)传递 div 的id ，并且innerHTML是属性而不是函数
解决方案3
0 2019-11-30 11:51:32
第一步：获取您的按钮和您的 html 元素。 第 2 步：将点击侦听器添加到按钮第 3 步：将文本添加到您的 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>
将Div文本代码内联添加到onclick事件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.