什么是DOM(个人理解)

本文详细阐述了DOM(文档对象模型)的概念、用途、来源和发展,重点介绍了如何通过JavaScript访问和操作HTMLDOM,包括获取元素、添加、删除、替换元素等基本操作。同时,提供了丰富的DOM方法实例,帮助开发者掌握DOM的高效应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

了解DOM需要清楚几个问题:

  1. 什么是DOM?
  2. DOM可以用来干什么?
  3. DOM是怎么来的?
  4. 怎么使用DOM?


  1. 什么是DOM?
    DOM(document Object Model),是针对HTML和XML的API。 可以理解为DOM就是一系列功能集合。

  2. DOM可以用来干什么?
    理解了DOM是API,就知道它就是一些功能,通过这些功能可以对HTML文档进行动态操作,从而实现许多动态交互效果。

  3. DOM是怎么来的?
    回答这个问题需要追溯到1990年代后期微软与Netscape的‘浏览器大战’。

  4. 怎么使用DOM?
    通过javascript对HTML DOM进行访问。
    HTML DOM将html元素定义为对象,API以对象方法和对象属性的形式实现。
    可直接调用DOM实现的方法,进行DOM操作,例如:


    getElementById()
    返回带有指定 ID 的元素。
    getElementsByTagName()
    返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。
    getElementsByClassName()
    返回包含带有指定类名的所有元素的节点列表。
    appendChild()
    把新的子节点添加到指定节点。
    removeChild()
    删除子节点。
    replaceChild()
    替换子节点。
    insertBefore()
    在指定的子节点前面插入新的子节点。
    createAttribute()
    创建属性节点。
    createElement()
    创建元素节点。
    createTextNode()
    创建文本节点。
    getAttribute()
    返回指定的属性值。
    setAttribute()
    把指定属性设置或修改为指定的值。


以上
说明:以上是我自己对DOM的理解,如有问题,欢迎指正

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值