【前端基础】DOM对象

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011240016/article/details/84106666

DOM概览

全称是Document Object Model,是浏览器创建的节点/元素树结构。通过JavaScript可以对DOM进行读、写、操纵。这是一种面向对象的表达方式。

DOM

DOM节点分类

  • 文档节点
  • 元素节点
  • 属性节点
  • 文本节点
  • 注释节点

Document对象

浏览器载入HTML文档后,HTML文档就变成了Document对象。
通过该对象,我们可以对HTML页面中的所有元素进行访问,另外,通过window.document属性可以得到该对象,一般直接在代码中直接用document.xxx即可。

Document对象常用属性和方法

很多很多方法,但是我自己常用的就这几个:

  • document.createElement() 用于创建元素节点
  • document.getElementById 根据id获取元素
  • document.getElementByClassName 根据类名获取元素集合

其他的需要用到时再来查。

参考资料:
https://www.runoob.com/jsref/dom-obj-document.html

猜你喜欢

转载自blog.csdn.net/u011240016/article/details/84106666