什么是DOM(个人理解)

了解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的理解,如有问题,欢迎指正

  • 8
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值