JavaScript学习笔记:使用DOM获取元素

通过元素ID获取元素

语法: document.getElementById("id");

返回值:null或者[object HTMLParagraphElement]

返回值只是一个元素对象，如果想对元素进行操作，则要使用元素的属性与方法。

元素对象常用属性:

1.innerHTML  用来获取或替换HTML元素的内容。

语法:

object.innerHTML

object是获取的元素对象,如通过document.getElementById("id");

2.style  改变HTML元素的样式  

语法:

object.style.property=newstyle;

object是获取的元素对象,如通过document.getElementById("id");

property可为:

backgroundColor  设置元素的背景颜色

height                       设置元素的高度

width                         设置元素的宽度

fontSize                    设置字体大小

等CSS样式属性。

这当中需要注意的是下面的这个属性

3.display属性   显示和隐藏元素

语法:

object.style.display=value;  object是获取的元素对象,如通过document.getElementById("id");

value取值:

none  元素将隐藏

block  元素显示