本文摘自PHP中文网，作者青灯夜游，侵删。
javascript改变文本内容的方法：首先使用“document.getElementById(id值)”语句获取文本元素对象；然后使用“文本元素对象.innerHTML= "新文本内容"”语句进行修改即可。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
改变 HTML 内容
修改 HTML 文档内容最简单的方法是，使用 innerHTML 属性。
如需修改 HTML 元素的内容，请使用此语法：
1 | document.getElementById(id).innerHTML = new text
|
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html>
<html>
<body>
<h2>JavaScript 可以更改 HTML</h2>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "Hello Kitty！";
</script>
<p>上面的段落由脚本更改。</p>
</body>
</html>
|
阅读剩余部分
相关阅读 >>
面试常问之javascript变量提升
vue-cli3.0安装与配置的方法教程（图文）
javascript获得元素的方法
javascript怎么去掉空格符
javascript和java一样吗
createjs 小游戏开发的实例过程
移动端页面头部固定定位的绝对定位实现（代码示例）
angularjs的ng-bind-html指令详解
javascript中event loop的分析
javascript在页面增加元素
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » javascript如何改变文本内容
