JS复习笔记(四)BOM对象、DOM对象

一、BOM对象

在这里插入图片描述

二、DOM对象

	简介:
		可以操作HTML文档的重要手段
	HTML节点树
		子节点
		根节点
		父节点
		兄弟节点
	元素操作
		元素内容
			innerHTM()获取或修改元素内容(包含标签)
			innerText()获取或修改元素的文本内容(不包含标签)
			innerContext获取或修改文本内容(不包含标签但包含段落)
		获取操作的元素
			document.getElementById()
			ducument.getElementByClassName()
			document.getElementByTagName()
			document.getElementByName()
			这里允许一直向下直到最底层的元素
		元素属性
			attributes返回元素属性的集合
			setAtrribute(name,value)设置或者改变制定属性的值
			getAttribute(name)设置或者改变制定属性的值
			removeAttributes从元素中删除指定的元素
		元素样式
			获取的标签对象.style.样式名
			classList相关方法
				.length获取元素类名个数
				.add()给元素添加类名
				.remove()元素移除类名
				.toggle切换元素的样式
				.item根据数字索引获取元素的类名
				contains判断元素是否
			关于节点的相关方法
				获取节点
					firstChild访问第一个子节点
					lastChild访问最后一个子节点
					nodeName当前节点的名称
					childNodes当前节点的所有子节点的集合
					parentNode访问当前节点的父节点
					nodeValue访问当前节点的值
				节点追加
					document.createElement()创建元素节点
					document.createTextNode()添加文本节点(一般用于给某节点添加文本)
					appendChild给指定元素的子节点列表的末尾添加子节点
					insertBefore()插入子节点在指定节点前
					setAttributeNode()添加节点属性
					getAttributeNode()返回指定名称的属性节点
				节点删除
					removeChild(子节点对象)删除某节点的子节点
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值