📌  相关文章
📜  javacsript 更新 span 中的文本 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:03.198000             🧑  作者: Mango

Javascript 更新 span 中的文本

在Web开发中，我们经常需要通过JavaScript来改变HTML元素的内容。其中一个常见的操作就是更新一个<span>元素中的文本。

下面是一个例子，演示如何通过JavaScript来更新一个<span>元素的文本：

<!DOCTYPE html>
<html>
<head>
	<title>JavaScript 更新 span 中的文本</title>
</head>
<body>

	<span id="my-span">Hello World!</span>

	<script>
		// 通过id获取<span>元素
		var span = document.getElementById("my-span");

		// 更新<span>元素中的文本
		span.innerHTML = "Hello JavaScript!";
	</script>

</body>
</html>

在上面的代码中，我们首先通过document.getElementById()来获取了一个<span>元素，然后通过设置innerHTML属性来更新了这个元素中的文本。这个例子中，我们更新了<span>元素中的文本为“Hello JavaScript!”。

需要注意的是，更新innerHTML属性的时候，旧的内容会被完全替换，所以如果你只需要更新一部分文本，可能需要使用其他方法，例如textContent或innerText属性。

总之，在Web开发中，更新HTML元素的内容是非常重要的操作之一，同时也是比较基础的JavaScript操作之一。掌握了这个操作，我们就可以更好地控制网页的显示效果。