webAPI 第三天 --- 获取元素的方法,style属性,节点操作

一.获取元素的方法

1.getElementById   根据id值获取元素

2.getElementByTagName     根据标签名获取元素

3.getElementByClassName     根据类名获取元素

4.getElementsByName   根据name属性来获取

5.querySelector()     根据选择器来获取元素(一个)

6.querySelectorAll ()    根据选择器获取元素(全部)

二.style属性

1.style属性是一个对象

2.对象里面都是一些键值对

3.可以获取和设置style属性名       

      获取 : 对象.style.属性名     div.style.color

      对象. : style.属性名 = 值       

 4.属性值都是一些字符串

5.属性里面出现  '-'  要去掉  变成驼峰    比如 :  font-size   ---->   fontSiza

6.css:嵌套样式   =>  js: div.className = 'box'

7.css行内样式  =>  js:style属性设置

 三.获取body等元素

1.body       document.body

2.html       document.documentElement

3.head       document.head

4.title       document.title    获取到是网页的标签内容

四.事件

1.onkeydown    键盘按下

2.onkeyup    键盘弹起

3.ondblclick  双击