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路径");