什么是DOM(个人理解)

版权声明:本文为博主原创文章,转载请注明出处,谢谢。 https://blog.csdn.net/makel12/article/details/51193520

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

阅读更多
换一批

没有更多推荐了,返回首页