WebAPI知识点01

WebAPI知识点第一天总结

获取元素的方法：

能够通过ID来获取元素：
document.getElementById(‘id’)
能够通过标签名来获取元素:
document.getElementsTagName(‘标签名’)
能够通过class来获取元素:
document.getElementsByClassName(‘类名’)
能够通过选择器来获取元素:
doucment.querySelector(‘选择器’)

获取特殊元素（body,html）：
获取body元素：
document.body
获取html元素：
document.documentElement

事件三要素：

• 事件源（谁）：触发事件的元素
• 事件类型（什么事件）： 例如 click 点击事件
• 事件处理程序（做啥）：事件触发后要执行的代码(函数形式)，事件处理函数

执行事件的步骤：
1.获取事件源
2.注册事件（绑定事件）
3.添加事件处理程序

改变元素内容（获取或设置）：
element.innerText 会去除html标签，同时空格和换行也会去掉
element.innerHTML保留html标签，同时保留空格和换行

常用元素的属性操作
获取属性的值：
元素对象.属性名

设置属性的值
元素对象.属性名=值

样式属性操作
element.style 行内样式操作
element.className 类名样式操作