JavaScript(DOM编程)

文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言上次讲的是DOM编程的入门基础,今天给大家带来的是BOM编程的进阶——如何增加和删除一、什么是DOM?文档对象模型(Document Object Model) 通过DOM可以动态改变文档内容二、动态改变文档内容的原理解析文档(如HTML)并生成DOM树 通过DOM标准接口+编程语言改变文档内容三、DOM树中的节点类型和节点关系四、知识点访问指定节点...
摘要由CSDN通过智能技术生成

前言


前言

上次讲的是DOM编程的入门基础,今天给大家带来的是BOM编程的进阶——如何增加和删除


一、什么是DOM?

  • 文档对象模型(Document Object Model)
  • 通过DOM可以动态改变文档内容

二、动态改变文档内容的原理

  1. 解析文档(如HTML)并生成DOM树
  2. 通过DOM标准接口+编程语言改变文档内容

三、DOM树中的节点类型和节点关系

四、知识点

访问指定节点的方法

  • getElementById( ) :返回一个节点对象
  • getElementsByName( ):返回多个(节点数组)
  • getElementsByTagName( ) :返回多个(节点数组)

查看/修改属性节点

  • getAttribute("属性名")
  • setAttribute("属性名","属性值")

如果编程时希望访问某个元素的父元素,但又不知道父元素的ID、name、tag,怎么办?

根据层次关系查找节点

  • parentNode
  • firstChild
  • lastChild
  • childNodes

创建和增加节点 的方法

  • createElement():创建节点  
  • appendChild():末尾追加方式插入节点
  • insertBefore():在指定节点前插入新节点
  • cloneNode():克隆节点

删除和替换节点的方法

  • removeChild():删除节点  
  • replaceChild( ) :替换节点

五、所有单词

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值