javascript insertAfter()定义与用法示例
作者:leejersey 时间:2024-04-26 17:11:23
本文实例讲述了javascript insertAfter()定义与用法。分享给大家供大家参考,具体如下:
HTML部分:
<div id="b">bbbbbbbbb</div>
<div>dddddd</div>
JavaScript部分:
window.onload=function(){
var a =document.createElement("span");
var b =document.createTextNode("cssrain");
a.appendChild(b);
var mubiao = document.getElementById("b");
insertAfter(a,mubiao);
}
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {// 如果最后的节点是目标元素,则直接添加。因为默认是最后
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);//如果不是,则插入在目标元素的下一个兄弟节点的前面。也就是目标元素的后面。
}
}
希望本文所述对大家JavaScript程序设计有所帮助。
标签:javascript,insertAfter


猜你喜欢
Python random模块的运用详解
2021-06-02 13:00:59
SQL Server数据库复制失败的原因及解决方法
2024-01-17 20:35:50

浅谈Python爬取网页的编码处理
2021-02-03 19:55:56

pip 安装库比较慢的解决方法(国内镜像)
2022-09-30 04:02:29
django 数据库 get_or_create函数返回值是tuple的问题
2024-01-27 09:47:22
asp.net cookie清除的代码
2023-07-19 15:24:37
Python中的ceil()方法使用教程
2022-02-01 05:15:11
Python字符串的拆分与连接详解
2021-12-05 19:43:49
Python定时器实例代码
2021-11-18 23:03:37
轻松解决SQL Server 2005中的常见问题
2008-11-28 14:11:00
Python3 获取一大段文本之间两个关键字之间的内容方法
2022-01-17 15:03:31
Python时间序列缺失值的处理方法(日期缺失填充)
2023-04-13 07:39:18
如何理解及使用Python闭包
2021-12-22 23:50:59

Go 切片导致内存泄露的几种原因
2024-02-03 18:45:33
利用python+ffmpeg合并B站视频及格式转换的实例代码
2021-06-09 21:14:00
keras model.fit 解决validation_spilt=num 的问题
2023-11-07 19:11:52

python多任务及返回值的处理方法
2023-11-02 14:20:24
Pycharm 操作Django Model的简单运用方法
2022-05-09 14:07:15

mysql 日期和时间函数
2024-01-12 18:56:13
MyBatis实现MySQL批量插入的示例代码
2024-01-14 01:48:23