HTML，DOM（document，object，model）

HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签。

HTML标签用来组成HTML元素。HTML标签两端有两个包括字符：“<”和“>”,这两个包括字符被称为角括号。HTML标签通常成对出现，比如<b>和</b>。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML标签是大小写无关的，<b>跟<B>表示的意思是一样的。

HTML元素：

<b>This text is bold</b>

此HTML元素以开始标签<b>起始， 内容是：This text is bold，以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素。

 

Document对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

HTML DOM节点

在HTML DOM（文档对象模型中），每个部分都是节点

文档本身是文档节点

所有的HTML元素是元素节点

所有的HTML属性，是属性节点

所有HTML元素内的文本，是文本节点

所有的注释，是注释节点

Element  对象

在HTML DOM中，Element 表示HTML 元素。

Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。

NodeList 对象表示节点的列表，比如 HTML 元素的子节点集合。

innerTxet、textContent和innerHTML三者的关系

相同点

innerText、textContent和innerHTML这三个属性都可以设置标签中间的文本内容，

不同点

1、设置标签中间的内容

　　如果内容中含有html标签的话，innerTxet和textContent是无法解析将html标签解析的，而是当纯文本内容显示出来，而innerHTML则可以把内容中的标签转化成html标签；

2、获取标签中间的内容
　　“innerText”,“textContent”:获取的是该标签和该标签下子标签中的文本内容
　　“innerHTML”:获取的是该标签的所有内容，包括其子标签

 

event对象中 target和currentTarget 属性的区别。

 首先本质区别是：

• event.target返回触发事件的元素

• event.currentTarget返回绑定事件的元素