Rumah > Artikel > hujung hadapan web > javascript如何改变文本内容
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!