核心DOM模型

DOM-Document Object Model
将标记语言文档的各个组成部分封装成对象,可以使用这些对象,对标记语言进行CRUD操作

W3C DOM标准被分为3个不同的部分

  • 核心DOM-针对任何结构化文档的标准模型
  • XML DOM-针对XML文档的标准模型
  • HTML DOM-针对HTML文档的标准模型

今天说的是核心DOM模型

DOM树
在这里插入图片描述
DOM的几个对象:

  • Document-文档对象

  • Element-元素对象

  • Attribute-属性对象

  • Text文本对象

  • Comment-注释对象

  • Node-节点对象(其他五个对象的父对象)

  • Document对象
    获取:通过window属性获取
    方法:
    在这里插入图片描述
    四个获取Element对象的方法分别通过标签的id属性标签名称标签的class属性以及标签的name属性获 取Element对象

    创建方法creatElement(),方法传递的参数就是要要创建的元素节点名称,例如:
    在这里插入图片描述

  • Element元素对象
    获取:通过document对象的方法来获取
    方法:
    1、removeAttribute( 属性名称):删除指定的属性
    2、 setAttribute(属性名称,属性值 ):添加新属性。
    一般在Element对象上设置事件,后面会说到

  • Node节点对象
    在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值