1.通过ID获取元素:
语法:
document.getElementById(“id”)
结果:null或[object HTMLParagraphElement],获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法.
2.innerHTML属性
作用:用于替换或获取HTML元素的内容.
注意:
1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。
3.连同对象中的标签一同获取.
3.改变HTML的样式
语法:
Object.style.property=new style;
基本属性描述:
示例代码:
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.background="#ccc";
mychar.style.width="300px";
</script>
</body>
4.display属性
影藏或显示选择的dom对象
语法:Object.style.display=value;
value的值可以是:(参数需要带引号)
none:隐藏
block:显示内容