javascript如何改变文本内容-木庄网络博客

2022-02-14 15:42:44 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript改变文本内容的方法：首先使用“document.getElementById(id值)”语句获取文本元素对象；然后使用“文本元素对象.innerHTML= "新文本内容"”语句进行修改即可。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

改变 HTML 内容

修改 HTML 文档内容最简单的方法是，使用 innerHTML 属性。

如需修改 HTML 元素的内容，请使用此语法：

1	`document.getElementById(id).innerHTML =` `new` `text`

示例：

<!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中async/await是如何工作的

javascript在nodejs环境下执行机制和事件循环

除了 async 速度翻 10 倍，javascript 还带来了什么？

jquery javascript ajax区别是什么

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » javascript如何改变文本内容

javascript如何改变文本内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论