DOM介绍

本文深入浅出地讲解了文档对象模型DOM,包括Document对象的使用、HTML元素操作方法如getElementById、getElementsByTagName等,以及如何利用element对象和其子节点进行网页内容的动态修改和管理。
摘要由CSDN通过智能技术生成

DOM

DOM就是文档对象模型,他下面提供了几个对象用于操作网页。

Document对象代表整个网页

forms获取html网页中所有的form表单数组

body 获取网页中的body元素

Title 返回或设置当前文档的标题

getElementById(id) 通过id获取html元素

getElementsByName(name) 通过name获取html元素数组

getElementsByTagName(标签名) 通过标签名获取html元素数组

write(内容) 向网页写入内容

element对象代表HTML元素

childNodes子节点数组。

firstChild第一个子节点

lastChild最后一个子节点

parentNode父节点

nextSibling下一个兄弟节点

previousSibling上一个兄弟节点

appendChild(节点) 向元素添加新的子节点,作为最后一个子节点。

cloneNode(是否需要深度克隆) 克隆元素。

removeChild(节点) 从元素中移除子节点。

replaceChild(新节点,旧节点) 替换元素中的子节点。

setAttribute(属性名,属性值) 把指定属性设置或更改为指定值。

getAttribute(属性名) 返回元素节点的指定属性值。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值