JavaScript基础语法

1、获取元素Document
(1)、ID获取
getElementById(‘ID’)
(2)、标签名获取
getElementsByTagName(‘标签名’)
(3)、HTML5新增的方法获取
类名获取
getElementsByClassName(‘类名’)
选择器获取
document.querySelector(‘选择器’)
根据指定选择器的第一个元素
document.querySelectorAll(‘选择器’)
根据指定选择器的所有元素
(4)、特殊元素获取
docoment.body
获取body标签
document.documentElement
获取html标签
2、事件基础
javascript使我们有能力创建动态页面（轮播图等） ，而事件是可以被javascript侦测到的行为
简单理解：就是一种 触发-----响应机制

事件由三部分组成：事件源、事件类型、事件处理程序（事件三要素）
（1）事件源：事件被触发的对象 例如 按钮
(2）事件类型 即触发的方式，例：鼠标点击触发（onclick）/鼠标经过触发/键盘按下触发等
(3）事件处理程序 通过一个函数赋值的方式完成
常用鼠标事件：
鼠标事件 触发条件
onclick 鼠标点击左键触发
onmouseover 鼠标移动到目标上方
onmouseout 鼠标从目标上方移出
onfocus 获得鼠标焦点触发
onmousedown 鼠标的键钮被按下
onmouseup 鼠标的键钮释放弹起
onblur 失去鼠标焦点触发
mousemove 鼠标在目标上方移动
3、操作元素(重要）
javascript 的DOM操作都可以改变网页内容、样式，可以利用DOM操作元素来改变元素里面的内容、属性等
改变元素内容
element.innerText 从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会被去掉
-element.innerHTML 较多使用从起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行

与element.innerText 使用方式一样。

二者区别：
（1）innerText 不识别HTML标签 非标准 不保留空格和换行

（2）innerHTML 识别HTML标签 W3C推荐 保留空格和换行

（3）这两个属性都是可读写的 可以获取元素里面的内容

(4) 这两个是普通盒子，比如 div盒子标签的内容，对表单不起作用

表单元素的属性操作
利用DOM可以操作如下表单元素的属性

type
value
checked
selected
diabled
5、样式属性操作
可以通过JS修改元素的大小、颜色、位置等样式

element.style 行内样式属性
（1） div.style 里面的属性采取驼峰命名法

（2）JS修改style样式操作，产生的是行内样式，CSS权重比较高，所以如果JS样式与内嵌样式发生冲突，以JS样式为主

（3）适用于样式比较少，功能比较简单的