Rumah >hujung hadapan web >tutorial js >javascript如何改变文本内容
javascript如何改变文本内容
- 青灯夜游asal
- 2021-05-18 15:59:3713349semak imbas
javascript改变文本内容的方法：首先使用“document.getElementById(id值)”语句获取文本元素对象；然后使用“文本元素对象.innerHTML= "新文本内容"”语句进行修改即可。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
改变 HTML 内容
修改 HTML 文档内容最简单的方法是，使用 innerHTML 属性。
如需修改 HTML 元素的内容，请使用此语法：
document.getElementById(id).innerHTML = new text
示例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 可以更改 HTML</h2>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "Hello Kitty！";
</script>
<p>上面的段落由脚本更改。</p>
</body>
</html>
查找元素的方法：
1.根据id获取元素
document.getElementById("id属性的值");2.根据标签名字获取元素
document.getElementsByTagName("标签的名字");3.根据name属性的值获取元素
document.getElementsByName("name属性的值");4.根据class属性获取元素
document.getElementsByClassName("类样式的名字");5.根据css路径获取元素 （获取一个）
document.querySelector("css路径");6.根据css路径获取元素 （获取一组）
document.querySelectorAll("css路径");【推荐学习：javascript高级教程】
Atas ialah kandungan terperinci javascript如何改变文本内容. 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如何将数组转换为字符串