DOM的核心总结

1. DOM的核心总结

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言 (HTML或者XML)的标准编程接口。 W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。

关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。

1.1. 创建

1. document.write 2. innerHTML 3. createElement

1.2. 增加

1. appendChild 2. insertBefore

1.3. 删

1.removeChid

1.4. 改

主要修改dom的元素属性,dom元素的内容、属性,表单的值等 1.修改元素属性: src、 href、 title等 2.修改普通元素内容: innerHTML、 innerText 3.修改表单元素: value、 type、 disabled等 4.修改元素样式: style、 className

1.5. 查

主要获取查询dom的元素 1. DOM提供的API方法: getElementByld、 getElementsByTagName古老用法不太推荐 2. H5提供的新方法: querySelector、 querySelectorAll 提倡 3. 利用节点操作获取元素:父(parentNode). 子(children)、 兄(previousElementSibling、 nextElementSibling)提倡

1.6. 属性操作

主要获取查询dom的元素 1. DOM提供的API方法: getElementByld、 getElementsByTagName古老用法不太推荐 2. H5提供的新方法: querySelector、 querySelectorAll 提倡 3. 利用节点操作获取元素:父(parentNode). 子(children)、 兄(previousElementSibling、 nextElementSibling)提倡

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jQuery 元素操作

    jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。

    清出于兰
  • 动画函数封装

    如果多个元素都使用这个动画函数,每次都要var 声明定时器。我们可以给不同的元素使用不同的定时器(自己专门用自己的定时器)。f

    清出于兰
  • JavaScript的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素来改变元素里面的内容、属性等

    JavaScript的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。(注意:这些操作都是通过元素对象的...

    清出于兰
  • 为未来学习3 - 工具:自省表介绍

    爱因斯坦也不总是对的,就工作和个人成长而言,我并不认同他的说法。工作本身就是一再的重复,但是这种重复的确会有不同的结果。同样是十年的软件开发,同样是十万行代码经...

    py3study
  • 高清英语Cucumber视频教程

    高清英语教程Cucumber+Selenium+Java+Maven+TestNG自动化测试下载地址

    软测小生
  • 数据结构|冒泡排序与选择排序

    排序算法可以说是算法中使用的比较频繁的,冒泡排序是一种简单的排序,它通过遍历,一次比较两个元素,如果排序错误就交换位置,遍历需要重复进行直到不再需要交换,才算排...

    算法与编程之美
  • HashMap源码解析

    在前几篇中我们主要介绍了ArrayList、LinkedList、Vector、Stack等集合的底层实现及相关特性,并且我们知道在上述集合类中无论底层是采用数...

    吉林乌拉
  • python计算机基础(二)

    #1外部指令转化成0和1;#2.翻译所写的字符从繁(高低电压)至简(想做什么就做什么) ;#3把一些硬件的复杂操作简化成一个一个接口。

    py3study
  • 亿级流量网站架构核心技术【笔记】(一)

    3.在有限资源的情况下,一定是先解决当下最核心的问题,预测并发现未来可能出现的问题,一步步解决最痛点的问题,即满足需求的系统是不断迭代优化出来的 A.高并发原...

    硬核项目经理
  • Node.js实战

    1.DIRT(data-intensive real-time)表示数据密集型实时程序。因为Node自身在I/O上非常轻量,它善于将数据从一个管道混排或代理到另...

    硬核项目经理

扫码关注云+社区

领取腾讯云代金券