js改变html的原有内容

最新推荐文章于 2025-03-26 12:56:03 发布

绝地反击T

最新推荐文章于 2025-03-26 12:56:03 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/u012110719/article/details/47285441

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

本文展示了一个简单的示例，通过JavaScript代码动态修改HTML页面上的文本内容。具体操作为使用`document.getElementById`方法获取指定元素，并通过`innerHTML`属性设置新的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js改变html的内容</title>
<!-- 不能把JavaScript写在这个头部来改变html的内容-->
</head>

<body>
<!-- 不能把JavaScript写在定义pid的前面来改变html的内容-->
<p id="pid">Hello Html!</p>
<script type="text/javascript">
	document.getElementById("pid").innerHTML="绝地反击";//js改变html的内容
</script>
</body>
</html>