牢记：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
972
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
牢记：js脚本应该只用来充实文档内容 要避免使用DOM技术创建核心内容需要对文档现有信息进行检索的时候下面DOM方法最有用：getElementByIdgetElementByTagNamegetAttribute元素.
目录
相关文章
|
JavaScript
DOM 属性列表（命名节点图 Named Node Map）
`DOM`中的`Named Node Map`是元素节点属性的列表，自动更新增删操作。代码示例载入"books.xml"，获取第一个`<book>`元素的属性列表，`x.length`显示属性数量，`x.getNamedItem("category").nodeValue`输出"category"属性值，如"cooking"，并显示属性总数1。
88
8
8
|
12月前
|
缓存
编解码
JavaScript
DOM 和 BOM 在项目中应用时的性能优化方法
【10月更文挑战第19天】总之，优化 DOM 和 BOM 的性能需要综合考虑多个方面，通过合理的设计和技术手段，提升项目的运行效率和用户体验。在实际开发中，要不断地进行性能优化实践，以适应不断变化的需求和技术发展。
223
63
64
|
11月前
|
JavaScript
前端开发
索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
210
49
49
|
存储
JavaScript
DOM 属性列表（命名节点图 Named Node Map）
`DOM`的`Named Node Map`代表元素的属性列表，当属性增删时会自动更新。示例展示了如何加载"books.xml"，获取第一个`<book>`元素的属性。变量`x`存储属性列表，`x.length`显示属性数量，`x.getNamedItem("category")`返回"category"属性值。代码输出属性值"cooking"和属性数量1。
75
0
0
|
11月前
|
缓存
JavaScript
前端开发
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用。
357
5
5
|
12月前
|
移动开发
JavaScript
前端开发
|
11月前
|
JavaScript
前端开发
API
|
JavaScript
前端开发
|
12月前
|
JavaScript
前端开发
|
JavaScript
前端开发
热门文章
最新文章
1
【JavaScript框架封装】实现一个类似于JQuery的DOM框架的封装
2
网页特殊符号HTML代码大全
3
什么是Widevine？Widevine DRM详解
4
Linux下如何查看高CPU占用率线程 LINUX CPU利用率计算
5
dom元素父子容器互相调用控制
6
IE浏览器下DOM节点被替换后获取边界offsetParent / getBoundingClientRect 的BUG解决(版本 EXT 2.0/ 2.0.1)
7
DOM 访问节点
8
Silverlight之Silverlight和HTML(DOM,JS)交互 (转载)
9
如何用DOM 元素就能画出国宝熊猫
10
Vue3如何通过ref获取真实DOM元素