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高级教程】