本文通过一个简单实例展示了如何利用JavaScript中的document对象及其方法getElementById和innerHTML来动态修改HTML页面中的元素内容。此方法对于前端开发者来说非常实用。
1.实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我是标题</title>
</head>
<body>
<h1>我是字体最大的标题</h1>
<p id="demo">我是段落，段落结束后会换行</p>
<script>
document.getElementById("demo").innerHTML="段落已经修改"
</script>
</body>
</html>2.代码截图：
3.运行结果截图：
4.总结
①document是html中的文本对象；
②getElementById，是根据标签的id来定位需要的标签；
③innerHTML是在HTML中写入文本等操作；
扫一扫
4674
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
