Rumah > Artikel > hujung hadapan web > javascript如何修改html
javascript如何修改html
- coldplay.xixiasal
- 2021-04-30 11:59:133558semak imbas
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属性
本例改变了a1f02c36ba31691bcfe87b2722de723b元素的src属性
<!DOCTYPE html>
<html>
<body>
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html>相关免费学习推荐：javascript视频教程
Atas ialah kandungan terperinci javascript如何修改html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript如何获取修改valueArtikel seterusnya：javascript如何捕获窗口关闭事件