DOM节点对象

DOM节点对象
js三大块
JavaScript核心
DOM:document object model 文档对象模型。
BOM:browser object model 浏览器对象模型。

DOM
节点:
节点种类:元素节点(标签) 文本节点(内容) 属性节点 等十二种。
节点关系:兄弟节点 父子关系 父节点 子节点 兄弟节点。
节点对象:属性和方法。

innerHTML 开始标记和结束标记之间的内容
document 文档对象
body

节点对象的属性:
				childNodes     			获取所有的子节点(元素节点、文本节点)    NodeList   索引 0    length  节点个数
				firstChild				获取第一个节点
				lastChild				获取最后一个节点
				parentNode  			父节点
				previousSibling   		上一个兄弟节点
				nextSibling    			下一个兄弟节点	

document 文档对象

			属性:
				body         body元素对象
				title        标题
				URL 		 网页地址

				links          超链接    HTMLCollection  集合  索引  0       length
				images         图片
				forms          

			方法:
				write
				writeln
				getElementById      根据ID查找节点对象
					    返回值:   节点对象,null

节点操作:增删改查
增加节点:

createElement();								创建节点
createTextNode();								创建文本节点
appendChild();									追加子节点
insertBefore(	新	,	旧	);					插入节点

删除节点

removeChild();									删除节点

复制节点

cloneNode();										复制节点				(默认只复制不包括子节点)
cloneNode(	true	);								复制包含子节点

替换节点

replaceChild(	新	,	旧	);						替换节点

节点属性

节点对象的属性:
				childNodes
				firstChild
				lastChild
				parentNode
				previousSibling
				nextSibling

			节点属性:
				HTML        DOM
				src  		src
				title		title
				href		href
				action		action
				alt 		alt
				for         htmlFor
				class 		className

			1.节点属性值的设置
				节点对象.属性名=值;
			2.节点属性值的获取
				节点对象.属性名
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值