Rumah > Artikel > hujung hadapan web > javascript如何改变HTML内容
javascript如何改变HTML内容
- 王林asal
- 2021-10-26 16:05:232764semak imbas
javascript改变HTML内容的方法：使用innerHTML属性来修改，例如【document.getElementById(id).innerHTML = new text】。
本文操作环境：windows10系统、javascript 1.8.5&&html 5、thinkpad t480电脑。
javascript修改html内容最简单的方法便是使用innerHTML属性，我们一起来看看语法：
document.getElementById(id).innerHTML = new text
比如我们要修改 e388a4556c0f65e1904146cc1a846bee 元素的内容：
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "hello kitty!";
</script>
</body>
</html>解释：上面的 HTML 文档包含 id="p1" 的 e388a4556c0f65e1904146cc1a846bee 元素我们使用 HTML DOM 来获取 id="p1" 的这个元素JavaScript 把该元素的内容（innerHTML）更改为 "Hello Kitty!"
推荐学习：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暂停功能如何实现Artikel seterusnya：javascript如何求图形的面积