javascript如何修改html-木庄网络博客

2022-02-14 01:10:48 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

javascript修改html的方法：1、使用【document.write()】直接向HTML输出流写内容；2、使用innerHTML属性改变HTML内容；3、改变HTML属性。

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

javascript修改html的方法：

改变HTML输出流：

在JavaScript中，document.write() 可用于直接向HTML输出流写内容

<!DOCTYPE html>
<html>
<body>
<script>
document.write(Date());
</script>
</body>
</html>

不要再文档加载之后使用document.writr() 这会覆盖文档。

改变HTML内容

修改HTML内容最简单的方法时使用innerHTML属性

<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
</body>
</html>

改变HTML属性

阅读剩余部分

相关阅读 >>

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

书籍

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

￥83.86元 人民邮电出版社

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