Question

我需要一些帮助来编辑使用JavaScript的HTML格式的元素。是否可以更改＆＃34;文本＆＃34;用javascript？我尝试过使用document.getElementById，但我认为我没有正确地做到这一点。

Answer 1

使用您在css中使用的查询获取elemet：

var element = document.querySelector('div.header');

使用textContent属性更改内容：

element.textContent = "New Content;"

将图像添加到内容：

document.querySelector('div.header').innerHTML = "<img src='smiley.gif' alt='Smiley face' height='42' width='42'>";

Answer 2

使用“按我”按钮调用函数来更改文本的简单示例

<html>
<script>
    function changeText(){
        document.getElementById("header").innerHTML = "changed text";
    };
</script>
<body>
    <div id="header">text</div>
    <button onclick="changeText()">press me</button>
</body>

<html>
	<script>
		function changeText(){
			document.getElementById("header").innerHTML = "changed text";
		};
	</script>
	<body>
		<div id="header">text</div>
		<button onclick="changeText()">press me</button>
	</body>
</html>

Answer 3

如果querySelectorAll或getElementsbyClassName有多种方法可以改变文字。

我的回答是你必须考虑HTML文档的结构。

您只能使用每个ID一次。最好使用data-lb =“detail”等和div的类

请注意，这不仅仅是一个答案。

Answer 4

你可以尝试这样的事情 -

<button id="click">
CLICK
</button>
<div class="header" id="textChange">Text</div>

然后在你的JS -

$( "#click" ).click(function() {
$( "#textChange" ).replaceWith( "<h2>New heading</h2>" );
});

如何使用Javascript更改<div>标签内的文本？

4 个答案: