前端之家 收集整理的这篇文章主要介绍了
JavaScript之dom操作 ，
前端之家 小编觉得挺不错的，现在分享给大家，也给大家做个参考。
<table style="height: 30px; background-color: #afeeee; width: 1266px; ; width: 1266px;" border="0">
<tr>一、简介 </td> </table>
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。DOM编程： DOM 是关于如何获取 、修改 、添加 或删除 HTML 元素的标准。通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改 ，也可以创建或删除 节点
当网页被加载时，浏览器会创建页面 的文档对象模型（Document Object Model）：
通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
JavaScript 能够改变页面 中的所有 HTML 元素
JavaScript 能够改变页面 中的所有 HTML 属性
JavaScript 能够改变页面 中的所有 CSS 样式
JavaScript 能够对页面 中的所有事件做出反应
DOM选择器可分为：
直接选择器
1.domcument.getElementById()
参数为id名，通过获取 标签 的id直接获取 到标签 对象，不存在则返回null
2.domcument.getElementsByClassName()
参数为class名，返回所有为该class名的标签 集合
3.domcument.getElementsByTagName()
参数为标签 名，返回所有该标签 名的数组。
4.domcument.getElementsByName()
参数为name属性 ，返回所有name属性 名所在标签 数组
间接选择器
如果我们把html文档对象中的每一个标签 看作是一个节点，那么就节点关系可分为：父节点、子节点、兄弟节点，每个节点常用属性 有：nodeName(节点名)、nodeType(节点类型)、nodeValue(节点值)。
nodeName
nodeName 属性 含有某个节点的名称 。
* 元素节点的 nodeName 是标签 名称 * 属性 节点的 nodeName 是属性 名称 * 文本节点的 nodeName 永远是 #text* 文档节点的 nodeName 永远是 #document
注释：nodeName 所包含的 XML 元素的标签 名称 永远是大写的.
nodeValue
对于文本节点，nodeValue 属性 包含文本。
对于属性 节点，nodeValue 属性 包含属性 值。
属性对于文档节点和元素节点是不可用的,可使用innerHtml或者innerText代替
nodeType
nodeType 属性 可返回节点的类型。
最重要的节点类型是：元素类型 节点类型元素element 1属性 attr 2文本text 3注释comments 8文档document 9
间接选择器主要方法 ：
parentNode
childNodes
firstChild
lastChild
nextSibling
prevIoU sSibling
标签元素
children 标签
firstElementChild 标签元素
lastElementChild 标签元素
nextElementtSibling 标签元素
prevIoU sElementSibling 标签元素
<table style="height: 30px; background-color: #afeeee; width: 1266px; ; width: 1266px;" border="0">
<tr>三、操作元素 </td> </table>
class整体样式操作
1、className
通过obj.className="c1"可设置标签 的整体样式
<
Meta charset="UTF-8">
Title
