javascript中insertAfter()和insertBefore()函数
2017-12-05 21:14
281 查看
insertBefore()函数用法:
新元素:你想插入的元素(newElement)
目标元素:你想把这个元素插入到哪个元素(targetElement)
父元素:目标元素的父元素(parentELement)
新元素:你想插入的元素(newElement)
目标元素:你想把这个元素插入到哪个元素(targetElement)
父元素:目标元素的父元素(parentELement)
parentELement.insertBefore(newElement, targetElement)
//利用js提供的insertBefore及过滤器nextSibling\parentNode等 function insertAfter(newElement, targetElement) { var parent = targetElement.parentNode; //如果要插入的目标元素是其父元素的最后一个元素节点,直接插入该元素 //否则,在目标元素的下一个兄弟元素之前插入 if (parent.lastChild == targetElement) { parent.appendChild(targetElement); } else { parent.insertBefore(newElement, targetElement.nextSibling); } }
相关文章推荐
- JavaScript之appendChild、insertBefore和insertAfter
- JavaScript之appendChild、insertBefore和insertAfter
- javascript自定义insertAfter()函数
- JavaScript之appendChild、insertBefore和insertAfter
- javascript 基础 insertAfter与insertBefore
- 根据insertBefore()衍生出来的insertAfter()函数
- JavaScript之appendChild、insertBefore和insertAfter
- JavaScript之appendChild、insertBefore和insertAfter
- JavaScript之appendChild、insertBefore和insertAfter
- JavaScript之appendChild、insertBefore和insertAfter
- JavaScript之appendChild、insertBefore和insertAfter
- JavaScript中实用的几种方法(函数)
- JavaScript:立即执行的函数表达式
- Web前端复习——Javascript复习(函数+分支结构)
- javascript在子页面中函数无法调试问题解决方法
- 用javascript的isNan()函数,可以判断是否为数字
- javascript 函数的几种声明函数以及应用环境
- javascript 函数声明问题
- 在javascript中利用window.external调用C++代码,调用VC函数
- flex actionscript 和 javascript 通讯(1) actionscript 调用javascript的函数