- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
前端控
更新时间：2019-02-13 16:43:40
JavaScript HTML DOM - 改变 HTML
HTML DOM 允许 JavaScript 改变 HTML 元素的内容。
改变 HTML 输出流
JavaScript 能够创建动态的 HTML 内容：
在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。
效果图：
注意：绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档
改变 HTML 内容
修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
如需改变 HTML 元素的内容，请使用这个语法：
document.getElementById(id).innerHTML=new HTML
<!DOCTYPE html>
<html>
<body>
<p id="demo">PHP中文网</p>
<script>
document.getElementById("demo").innerHTML="0133技术站";
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
效果图：
改变 HTML 属性
如需改变 HTML 元素的属性，请使用这个语法：
document.getElementById(id).attribute=new value
<!DOCTYPE html>
<html>
<body>
<img src="./images/22.jpg" id="img">
<script>
document.getElementById("img").src="./images/44.jpg";
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册