javascript怎么设置元素文本内容
程序员文章站
2022-03-14 21:28:58
...
javascript设置文本内容的方法：首先使用“document.getElementById("id值")”语句获取文本元素对象；然后使用“文本元素对象.innerHTML='文本内容值';”语句即可设置。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript设置元素文本内容
步骤：
查找元素
使用innerHTML设置内容
示例：
<body>
<p id="demo"></p>
<script type="text/javascript">
var x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 设置内容
</script>
</body>
输出：
说明：
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
语法
tablerowObject.innerHTML=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怎么设置元素文本内容的详细内容，更多请关注其它相关文章！
下一篇： css样式not怎么设置