web标准构成， 元素样式设置，节点的特征：节点之间的关系，创建元素的方式

web标准构成

web标准不是某一个标准，而是由W3C（万维网）和其他标准化组织制定的一系列标准的集合。
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript。

web标准的好处

1、对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 web 更好地发展
2、使用web标准，将确保所有浏览器正确显示您的网站而无需费时重写
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度

获取元素属性的方法

getAttribute('属性名')

设置元素的属性

setAttribute('属性名'，'属性值')

删除元素的属性

 removAttribute('属性名'）

元素样式设置 （重点）

1.对象.style
2.对象.className
3.对象.setAttribute(‘style’)
4.对象.setAttribute(‘class’)
5.对象.style.setPropert(‘css的属性名’,‘css属性值’)
6.对象.style.cssText

节点的特征：

 节点的类型：nodeType
 节点的名称：nodeName
 节点的值：nodeValue

1.document
nodeType：9
nodeName：#document
nodeValue：null
2.标签 （元素）
nodeType：1
nodeName：大写的标签名
nodeValue：null
3.属性
getAttributeNode（‘属性名’）获取元素的属性节点
nodeType：2
nodeName：属性名
nodeValue：属性值
4.文本
元素的第一个子节点就是文本节点 firstChild
nodeType：3
nodeName：#text
nodeValue：内容

节点之间的关系

1.父节点 parentNode
2.父元素节点 parentElement
相同点：都是父元素
不同点：parentNode html的父元素是 #document
parentElement html的父元素 null
3.子节点 childNodes 子元素标签 文本节点 注释节点
4.子元素节点 children 子元素标签
5.第一个子节点 firstChild 文本节点
6.第一个子元素节点 firstElementChild 元素节点
7.最后一个子节点 lastChild 文本
8.最后一个子元素节点 lastElementChild 元素节点
9.上一个子节点 previousSibling 文本
10.上一个子元素节点 previouElementSibling 元素节点
11.下一个子节点 nextSibling 文本
12. 下一个子元素节点 nextElementSibling 元素节点

创建元素的方式

1.document.write 弊端只能在body区域添加标签
2.innterHtml 弊端会覆盖掉原来的元素
3.创建源document。create Element（‘标签名’）
添加元素 父元素.appendChild（创建的元素）
删除元素 removeChild()
BOM:
方法：alert() onscroll() onload() prompt()
属性：全局变量 console
location 属性
1.hash：地址栏上#及以后的内容
2.host：主机名及端口号
3.hostname：主机名
4.port：端口号
5.protocol：协议
6.herf：路径
7.reload：重新加载页面
history 属性
1.back：返回上一页
2.forwa：前进一页