dom继承树，dom基本操作（中）

最新推荐文章于 2024-04-04 01:35:44 发布

空零kl

最新推荐文章于 2024-04-04 01:35:44 发布

阅读量222

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript渡一教育

本文链接：https://blog.youkuaiyun.com/weixin_43706224/article/details/89321001

Javascript渡一教育专栏收录该内容

37 篇文章

订阅专栏

博客介绍了封装函数以返回元素的第n个兄弟元素节点，n正负决定前后方向，n为0返回自身。还提及节点的增删改查，以及div中innerHTML操作，默认是覆盖内容，可用div.innerHTML+=形式进行追加。

1.封装函数，返回元素e的第n个兄弟元素节点，n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己

<!DOCTYPE html>
<html>
<head>
	<title>封装函数，返回元素e的第n个兄弟元素节点，n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己</title>
</head>
<body>
<script type="text/javascript">
	function retSibling(e,n){
		while(e && n) {
			//IE9以下浏览器做兼容
			if (n>0) {
				if (e.nextElementSibling) {
					e = e.nextElementSibling;
				}else{
					for (e = e.nextSibling; e && e.nodeType != 1; e = e.nextSibling);
				}
			n --;
			}else{
				if (e.previousElementSibling) {
					e = e.previousElementSibling;
				}else{
					for(e = e.previousSibling; e && e.nodeType!= 1; e = e.previousSibling);
				}
			n++;
			}
		}
		return e;
	}
</script>
</body>
</html>

2.节点的增删该查在这里插入图片描述 3。div里面进行innerHtml并不是追加操作，而是覆盖里面的内容；想要进行追加操作，可以用div.innerHtml+=456的形式进行
4.