牢记：js脚本应该只用来充实文档内容 要避免使用DOM技术创建核心内容
需要对文档现有信息进行检索的时候下面DOM方法最有用：
getElementById
getElementByTagName
getAttribute
元素.firstChild.nodeValue 元素的第一个节点的内容 比如 可以得到p标签中的文本节点 因为p里面的文字内容实在文本节点里面
在需要把信息添加到文档中去时，以下DOM最有用：
createElement 创建元素节点
createTextNode（需要的内容） 创建文本节点
appendChild 添加到元素节点
insertBofore
insertAfter 需要自己编写
setAttribute
元素在节点中的位置信息：
parentNode
nextSibling
previousSibling
childNodes
firstChild
lastChild
元素信息：
nodeName 标签的名字
nodeValue 元素的内容 一般都是文件文本
style 每个元素都有一个style属性 他们也都是一个对象dom的常见属性和方法
2018-02-07
860
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
牢记：js脚本应该只用来充实文档内容 要避免使用DOM技术创建核心内容需要对文档现有信息进行检索的时候下面DOM方法最有用：getElementByIdgetElementByTagNamegetAttribute元素.
目录
相关文章
|
4月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
|
1月前
|
JavaScript
前端开发
|
1月前
|
JavaScript
前端开发
|
1月前
|
JavaScript
|
2月前
|
JavaScript
|
3月前
|
JavaScript
|
4月前
|
JavaScript
|
4月前
|
编解码
JavaScript
前端开发
BOM和DOM：BOM（浏览器对象模型）提供了与浏览器交互的能力，如弹窗、定时器等；DOM（文档对象模型）提供了操作HTML元素的能力，如获取、修改元素内容和属性。
BOM和DOM：BOM（浏览器对象模型）提供了与浏览器交互的能力，如弹窗、定时器等；DOM（文档对象模型）提供了操作HTML元素的能力，如获取、修改元素内容和属性。
38
2
2
|
4月前
|
存储
JSON
JavaScript
热门文章
最新文章
1
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
2
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
3
react简单实现获取dom元素
4
深入了解 JavaScript 中的 DOM 和 BOM
5
DOM驱动和数据驱动的区别
6
为什么虚拟dom会提高性能？
7
JavaScript DOM 操作：解释一下 cookie、sessionStorage 和 localStorage 的区别。
8
JavaScript DOM 操作：解释一下浏览器的同源策略。
9
理解DOM树的加载过程
10
深入探讨前端框架Vue.js中的虚拟DOM机制
1
深入解析JavaScript原生操作DOM技术
12
2
JavaScript DOM 操作：解释一下 cookie、sessionStorage 和 localStorage 的区别。
15
3
JavaScript DOM 操作：解释一下浏览器的同源策略。
14
4
react简单实现获取dom元素
19
5
常用的DOM操作方法
12
6
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
28
7
理解DOM树的加载过程（js的问题）
10
8
vue监听dom元素的宽高变化和自定义指令监听dom元素的宽高变化
23
9
理解DOM树的加载过程
16
10
为什么虚拟dom会提高性能？
18