javascript如何改变文本内容

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

示例：

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>

1.png

阅读剩余部分

相关阅读 >>

javascript如何设置select值

javascript定义变量的方法有哪些

javascript中的垃圾回收和内存泄漏

javascript跳出方法有哪些

javascript怎么删除div节点

页面javascript如何获取后台传到页面的值

如何选择web前端模板引擎（推荐）

javascript有几个对话框

一文了解javascript中的类型化数组

javascript如何禁止刷新页面

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




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...