js动态添加节点到兄弟节点

原创 2015年07月10日 17:24:28
function insertAfter(newElement, targetElement){
    var parent = targetElement.parentNode;
    if (parent.lastChild == targetElement) {
        // 如果最后的节点是目标元素,则直接添加。因为默认是最后
        parent.appendChild(newElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
        //如果不是,则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面
    }
}

js对节点的操作,添加,删除,获得父节点,子节点,兄弟节点

var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s...

js之DOM操作(访问兄弟节点)

访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 nu...

jquery插入兄弟节点的操作

jquery插入兄弟节点的操作 prepend功能:插入指定元素到父元素的第一个位置(最左边) 实例$self.prepend($selectLi);解释 self是selectLi的父元素,把s...

【jquery】删除节点 添加节点 找兄弟节点

一些简单的内容, 加深印象

JS-案例-增加和删除节点

需求:  /*  * 为 #employeetable 的所有的 a 节点添加 Onclick 响应函数:  * 1. 弹出确认对话框: 确定要删除 xx 的信息吗? xx 为当前 a 节点所在...

js的DOM节点操作:创建 ,插入,删除,复制,查找节点

DOM含义:DOM是文档对象模型(Document Object Model,是基于浏览器编程的一套API接口,是W3C出台的推荐标准。其赋予了JS操作节点的能力。当网页被加载时,浏览器就会创建页面的...
  • Torrex
  • Torrex
  • 2017年01月12日 11:50
  • 5378

JS 添加新节点的几种方法

html> html lang="en"> head> meta charset="UTF-8"> title>JS 添加新节点的几种方法title> head> body> div ...

JS对DOM节点的操作--增加节点,删除节点

(1):DOM :DOM文档树的全称是document object model ,也就是文档对象模型,在js中,把整页面当成一个dom树,而我们可以对每一个节点都可以进行相应的操作,比如创建一个节点...

Js(DOM)动态添加节点和事件

function addEl(){    //找到要添加节点的父节点(table)    var tb = document.getElementById("tb");    //创建tbody...
  • zxl0016
  • zxl0016
  • 2012年03月10日 16:26
  • 15617

Javascript动态创建/删除节点

function creatediv(divcnt){ for(var i=0;i
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js动态添加节点到兄弟节点
举报原因:
原因补充:

(最多只允许输入30个字)