前端学习day10

js中创建元素：
document.createElement();在括号中加上要创建的元素
ps：
var div = document.createElement(‘div’);

给创建的元素添加属性：
div.style.width = '100px;
div.style.height = ‘100px’;
div.style.backgroundColor = ‘red’; (js中添加属性，规则与css不同，多个英文使用大驼峰式)

把创建的元素放入页面：
document.body.appentChild(div);

通过W3C定义的一系列dom接口可以改变网页的内容、结构和样式
一个页面就是一个文档Document
页面中所有标签都是元素Element
页面中的所有内容都是节点Node
ps:
节点有：
文本节点 3
属性节点 2
元素节点 1
注释节点 8
document节点 9

DOM把内容都看作对象
dom获取元素的方法：
1.根据标签名获取
document.getElementById();
2.根据标签名获取
document.getElementsTagByName();
3.根据class名获取
document.getElementsByClassName();
4.querySelector
5.querySelectorall
ps:
document 页面中选取
element 某个元素中选取
获取body元素
document.body
获取html元素
document.documentElement

事件-触发-响应
三部分组成事件
1.事件源
2.事件类型
3.事件处理函数
ps：
执行事件步骤
1.获取事件源
2.绑定事件
3.添加事件处理程序

事件的类型：
onclick
onmouseover
onmouseout
onmousemove
onmouseup
onmousedown
onfocus
onblur
操作元素：
element.innerText
element.innerHTML

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