DOM ------ 重点核心总结

简介: DOM ------ 重点核心总结

DOM重点内容

    文档:整个页面
        元素:页面中所有的标签
        节点:页面中所有的内容
        创建:
            document.write
            innerHTML
            createElement
        增:
            appendChild
            insertBefore
        删:
            removeChild
        改:
            主要修改dom的元素属性 dom元素的内容 属性 表单的值
            1.修改元素属性: src href title
            2.修改普通元素的内容: innerHTML innerText
            3.修改表单元素: value type disabled
            4.修改元素样式: style className
        查:
            主要获取查询dom的元素
            1.DOM提供的API方法:getElementById getElementsByTagName
            2.H5提供的新方法: querySelector querySelectorAll 提倡
            3.利用节点操作获取元素: 父(parentNode) 子(children) 兄(previousElementSibling nextElementSibling) 提倡
        属性操作: 主要针对于自定义属性
            1.setAttribute:设置dom的属性值
            2.getAttribute:得到dom的属性值
            3.removeAttribute:移除属性
        事件操作:
            事件源.事件类型 = 事件处理程序
相关文章
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
56 5
|
2月前
|
JavaScript 前端开发 算法
框架为什么要设计虚拟 dom?
【10月更文挑战第26天】框架设计虚拟 DOM 是为了在性能优化、开发效率提升、可维护性增强以及跨平台适配等方面提供更好的解决方案。它有效地解决了传统前端开发中存在的诸多问题,使得前端开发更加高效、灵活和可维护,为构建复杂的现代 Web 应用和跨平台应用提供了有力的支持。
52 6
|
5月前
|
移动开发 JavaScript 前端开发
【Vue面试题二十二】、什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路
这篇文章深入探讨了虚拟DOM的概念、必要性以及在Vue中的实现方式,解释了虚拟DOM如何作为真实DOM的轻量级抽象,通过优化DOM操作提高性能,并实现跨平台渲染的能力。
【Vue面试题二十二】、什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路
|
8月前
|
JavaScript 前端开发 算法
深入理解虚拟DOM:原理、优势与实践
深入理解虚拟DOM:原理、优势与实践
477 0
|
存储 设计模式 JavaScript
简单小示例彻底搞明白vue双向数据绑定核心原理
vue 很大的一个优势就是双向数据绑定,而在 react 或小程序中是需要我们自己手动 setState、setData 去修改视图数据
86 0
|
JavaScript 前端开发 调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
89 0
|
JavaScript 前端开发 API
Vue学习----从基础出发(包含案例)(下)
Vue学习----从基础出发(包含案例)(下)
|
JavaScript 前端开发 Serverless
Vue学习----从基础出发(包含案例)(上)
Vue学习----从基础出发(包含案例)
|
JavaScript 前端开发
DOM ------ 简易留言功能
DOM ------ 简易留言功能
|
JavaScript 前端开发
前端祖传三件套JavaScript的DOM之节点层次、类型、属性
随着互联网的不断发展,前端技术也在不断地更新迭代。但是,无论怎么更新变化,JavaScript、DOM、CSS 三件套的重要性始终不可替代。其中,JavaScript 的作用尤为关键。本文将聚焦于 JavaScript 中的 DOM,讨论节点层次、类型和属性等概念。
154 0