如何通过JavaScript修改HTML页面中的内容？
- 内容介绍
- 文章标签
- 相关推荐
本文共计227个文字，预计阅读时间需要1分钟。
JavaScript修改HTML内容的方法：使用innerHTML属性来修改，例如【document.getElementById(id).innerHTML=new text】。操作环境：Windows 10系统、JavaScript 1.8.5、HTML 5、ThinkPad T480电脑。JavaScript修改HTML内容
javascript改变HTML内容的方法：使用innerHTML属性来修改，例如。
本文操作环境：windows10系统、javascript 1.8.5&&html 5、thinkpad t480电脑。
javascript修改html内容最简单的方法便是使用innerHTML属性，我们一起来看看语法：
document.getElementById(id).innerHTML = new text
比如我们要修改 <p> 元素的内容：
<html> <body> <p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML = "hello kitty!"; </script> </body> </html>
解释：上面的 HTML 文档包含 id="p1" 的 <p> 元素我们使用 HTML DOM 来获取 id="p1" 的这个元素JavaScript 把该元素的内容（innerHTML）更改为 "Hello Kitty!"
推荐学习：javascript视频教程
本文共计227个文字，预计阅读时间需要1分钟。
JavaScript修改HTML内容的方法：使用innerHTML属性来修改，例如【document.getElementById(id).innerHTML=new text】。操作环境：Windows 10系统、JavaScript 1.8.5、HTML 5、ThinkPad T480电脑。JavaScript修改HTML内容
javascript改变HTML内容的方法：使用innerHTML属性来修改，例如。
本文操作环境：windows10系统、javascript 1.8.5&&html 5、thinkpad t480电脑。
javascript修改html内容最简单的方法便是使用innerHTML属性，我们一起来看看语法：
document.getElementById(id).innerHTML = new text
比如我们要修改 <p> 元素的内容：
<html> <body> <p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML = "hello kitty!"; </script> </body> </html>
解释：上面的 HTML 文档包含 id="p1" 的 <p> 元素我们使用 HTML DOM 来获取 id="p1" 的这个元素JavaScript 把该元素的内容（innerHTML）更改为 "Hello Kitty!"
推荐学习：javascript视频教程