1、首先获取要添加的节点的节点，然后创建一个节点，添加到节点的前面。
2、<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM树 *** 作</title> <script> function f1(){。
3、找到狮子狗这个节点 通过id查找到狮子狗节点 var ul=documentgetElementById("d1")。
4、</head> <body> <!--在ul列表中追加一个蛮王英雄--> <ul id="d1"> <li>亚索</li> <li>狮子狗</li> <li>披甲龙龟</li>。
5、 </ul> <input type="button" value="追加蛮王" onclick="f2()" /> </body></html>。
6、在狮子狗节点后追加一个<li>蛮王</li> a找到狮子狗这个节点 通过id查找到狮子狗节点 var li=documentgetElementById("l1"); b创建<li>蛮王</li>节点对象和内容。
contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。
DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性
div是标签， 你获取标签的话，用contents()取不到的。
给div赋个ID属性
比如
<div id="div1"><img src="aaimg" alt="" /></div>
var restring=documentgetElementById("div1")innerHTML
返回的是<img src="aaimg" alt="" />
//1、首先获取div的父节点
//2、创建一个新节点
//3、将新节点添加到div节点后面
//具体 *** 作如下：
var divs = documentgetElementsByTagName("DIV");//获取页面中所有div
for(var i=0; i<divslength; i++) {
var div = divs[i];//获取第i个div
var divParent = divparentNode;//获取该div的父节点
var newNode = documentcreateTextNode("文本节点");//创建文本节点
var next = divnextSibling;//获取div的下一个兄弟节点
//判断兄弟节点是否存在
if(next) {
//存在则将新节点插入到div的下一个兄弟节点之前，即div之后
divParentinsertBefore(newNode,next);
} else {
//不存在则直接添加到最后,appendChild默认添加到divParent的最后
divParentappendChild(newNode);
}
}
//以下是一些常用js *** 作
var textNode = documentcreateTextNode("xxx");//创建文本节点
var elementNode = documentcreateElement("p");//创建元素节点(p)
var body = documentgetElementsByTagName("body")[0];//获取body节点
bodyappendChild(elementNode);//元素节点添加到body节点下，添加在末尾
elementNodeappendChild(textNode);//将文件节点添加到元素节点下
//获取要删除的节点，elementNodelength-1 表示最后一个指定节点(这里表示最后一个p节点)
var delElementNode = elementNodeitem(elementNodelength-1);
bodyremoveChild(delElementNode)；//移除指定节点
bodyinsertBefore(newNode, oldNode);//在body中的oldNode前插入newNode节点
bodyreplaceChild(newNode, oldNode);//将body中的oldNode替换为newNode节点
//创建一个新的属性
var style = documentcreateAttribute("style");
//为节点添加新属性
optionattributessetNamedItem(style);
//设置新属性的值
optionsetAttribute("style","color:red");
嗯，分解来看
$("div:eq("+i+")")show()siblings("div")hide();首先看
$("div:eq("+i+")")#$() 代表选择器，选择出来是一个HTML标签，后续对这个HTML标签 *** 作
#假设 i = 0，代入
#$("div:eq(0)")
#div 是选择所有class = div的标签出来
#eq 代表顺序，第几个，0代表第一个，1，代表第二个，以此类推
$("div:eq("+i+")")show()
#代表，上面选择的标签显示出来
$("div:eq("+i+")")show()siblings("div")
#siblings 是代表同胞节点为 class=div的标签
$("div:eq("+i+")")show()siblings("div")hide();
#hide()，代表隐藏这些节点
总结：显示class=div的节点，并且印象上述同胞节点中 class=div的节点
以上就是关于jquery如何添加兄弟节点 不是子节点哦 O(∩_∩)O~全部的内容，包括:jquery如何添加兄弟节点 不是子节点哦 O(∩_∩)O~、jquery查找div内所有节点问题、如何用JavaScript获取<div>*</div>标签中的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）