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

最新推荐文章于 2022-02-23 13:24:30 发布

空零kl

最新推荐文章于 2022-02-23 13:24:30 发布

阅读量153

点赞数

分类专栏： Javascript渡一教育

本文链接：https://blog.csdn.net/weixin_43706224/article/details/89321001

版权

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

37 篇文章 3 订阅

订阅专栏

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.

空零kl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dom继承树，dom基本操作（中）

1.封装函数，返回元素e的第n个兄弟元素节点，n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己<!DOCTYPE html><html><head> <title>封装函数，返回元素e的第n个兄弟元素节点，n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己</title></head&...
复制链接

扫一扫