js节点练习

最新推荐文章于 2024-07-29 11:53:27 发布

qq_47998586

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量353

点赞数

分类专栏：前端js技术学习文章标签： javascript html css3 html5 css

本文链接：https://blog.csdn.net/qq_47998586/article/details/107167699

版权

js节点需要注意的事

摘要由CSDN通过智能技术生成

标题

获取元素属性值
 1：element.属性
 2：element.getAttribute(‘属性’) 可以用来获取自定义属性
设置元素属性值
 element.属性=‘值’
 element.setAttribute(‘属性’，‘值’);主要针对自定义属性
节点
 parentNode 父节点得到的是最近父级节点换行属于文本节点
 childNodes 孩子节点（不提倡使用会包含空格文本节点）
 children 获取所有的子元素节点（提倡使用）
 firstChild返回第一个子节点（会包含空格文本节点）
 lastChild 返回最后一个子节点（会包含空格文本节点）
 firstElementChild 返回第一个子元素节点
 lastElementChild 返回最后一个子元素节点
 实际开发写法既没有兼容性问题又返回第一个子元素
children【0】
 nextSibling 下一个兄弟节点包含元素节点或者文本节点等
 nextElementSibling 得到下一个兄弟节点
 previousSibling上一个兄弟节点包含元素节点或者文本节点等
 perviousElementSibling得到上一个兄弟节点

<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<style type="text/css">
	.tab {
		margin: 0 auto;
		width: 1000px;
		height: 300px;
	}
	
	.tab_con