WebAPI编程1

1、DOM简介

1、1 什么是DOM
文档对象模型（Document Objecxt Model,简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。
W3C以定义了一系列的DOM接口，通过这些DOM接口可以改变网页的结构、内容、样式

1、2 DOM树
●文档：一个页面就是一个文档，DOM中使用docnment表示
●元素：页面中所有的标签都是元素，DOM中使用element表示
●节点：网页中所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示

2、事件基础

2、1常见的鼠标事件

鼠标事件	触发条件
onclick	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获得鼠标焦点触发
onblur	失去鼠标焦点触发
onmousemove	鼠标移开触发
onmouseup	鼠标弹起触发
onmousdown	鼠标按下触发；

2、2 执行事件步骤
1、获取事件源
2、注册事件
3、添加事件处理程序（采用函数赋值形式）

3、操作元素

JS的DOM操作可以改变网页内容、结构和样式，可以利用DOM操作元素来改变元素里面的内容、属性值等

3、1改变元素内容

element.innerText

从起始位置直到终止位置的内容，但它去除HTML标签，同时空格和换行也会去掉

element.innerHTML

起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行

3、2常用元素的属性操作
1、innerText、innerHTML改变元素内容
2、src、href
3、id、alt、title