javascript如何改变文本内容
程序员文章站
2022-01-29 07:09:20
...
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高级教程】
以上就是javascript如何改变文本内容的详细内容，更多请关注其它相关文章！
推荐阅读
-
.NET中如何将文本文件的内容存储到DataSet
-
新增加的内容是如何将div的scrollbar自动移动最下面_javascript技巧
-
JS判断文本框内容改变事件的简单实例_javascript技巧
-
新增加的内容是如何将div的scrollbar自动移动最下面_javascript技巧
-
javascript - JQuery 如何传递input file的内容至PHP进行处理
-
如何用javascript计算文本框还能输入多少个字符_基础知识
-
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)_javascript技巧
-
自建搜索框，用中文拼音输入法时，输入拼音，尚未选定具体字符时，如何使uitextfield不把输入的拼音认作文本编辑框的内容？
-
javascript如何改变鼠标指针形状
-
如何设置背景图片不随着文本内容的滚动而滚动