通过ID获取元素:
document.getElementById(“id”)
innerHTML 属性
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
Object.innerHTML
注意:
1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。
改变 HTML 样式
语法:
Object.style.property=new style;
注意:
Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
property是要修改的基本属性。
示例:
<p id="name">I love MRX</p>
<script>
var MRX=document.getElementById("name");
name.style.width="200px";
name.style.color="red";
</script>
显示和隐藏(display属性)
语法:
Object.style.display = value
value取值:
none 此元素不会被显示(即隐藏)
block 此元素将显示为块级元素(即显示)
控制类名(className 属性)
语法:
object.className = classname
示例:
结果: