JS 之如何在插入元素时插在原有元素的前面而不是末尾

语法:

父级.insertBefore(新元素,被插入的元素);          //在指定的元素前面加入一个新元素

父级.insertBefore(新元素,父级.children[0]);  //在第一个元素的前面插入一个元素,在IE下如果第二个参数的节点不存在,则会报错,若是其他浏览器,则会默认以appendChild的形式添加,不会报错

  所以在使用时,需要另作判断:假设新元素是oLi,父元素是oUl

  if(oUl.children[0] ){

    oUl..insertBefore(oUl.children[0]);

  }else{

    oUl.appendChild(oLi);  

  }

  动态添加  a 标签时,注意写法:

    var  oA=document.createElement(‘a‘);

    oA.href=‘javascript:;‘;

    oA.innerHTML=‘链接‘;

时间: 2024-10-20 23:51:30

JS 之如何在插入元素时插在原有元素的前面而不是末尾的相关文章

python中循环删除列表中元素时的坑![转]

原博文链接:https://www.cnblogs.com/baihualin/p/10698651.html 循环删除列表中元素时千万别用正序遍历,一定要用反序遍历! 废话不多说,先上案例代码: def test(data): for i in data: data.remove(i) return data data = [1, 2, 3] print(test(data)) 面对以上代码,乍一看以为会打印出空列表,因为test函数内通过for的方法将data中的元素都删除了,其实不然,实际

js动态加载HTML元素时出现的无效的点击事件

项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面 图二: js文件中的这些js的点击事件无效: js代码: // 推荐商家点击标题展开与收起$('.toggle-tag').on('click', function(){    var ele = $(this).parents('tr').next().find('.pro-details');    if(ele.is(':hidden'))

List、Set、Map三个接口,存取元素时,各有什么特点

首先,List与Set具有相似性,它们都是单列元素的集合,继承了共同的父接口,Collection. List表示有先后顺序的集合, 注意,不是那种按年龄.按大小.按价格之类的排序.当我们多次调用add(Obj e)方法时,每次加入的对象就像火车站买票有排队顺序一样,按先来后到的顺序排序.有时候,也可以插队,即调用add(int index,Obj e)方法,就可以指定当前对象在集合中的存放位置.一个对象可以被反复存储进List中,每调用一次add方法,这个对象就被插入进集合中一次,其实,并不是

List、Map和Set三个接口在存取元素时各有什么特点?

1List和Set具有相似性,存储的时单列元素集合,都继承至Collection接口,Map是属于双列元素集合: 2List和Set使用add()方法进行插入元素,List存储有序的不唯一的值,Set存储无序唯一的值: 3Set遍历时只能使用Iterrator迭代器进行遍历,而List则可以采用下标FOR和Foreach进行遍历, 4Set采用与链表相同的存储方式的方式在增加和删除时效率较高,List采用与数组相同的存储方式 在随机访问和遍历时效率较高. 5Map使用put()方法进行添加元素,

当filter使用函数而非选择器来过滤元素时的一个有趣的地方

JQuery官方API关于filter方法的介绍有这么一个实例: <div id="first"></div> <div id="second"></div> <div id="third"></div> <div id="fourth"></div> <div id="fifth"></div

判断鼠标移入移出元素时的方向

本文要介绍的是一种鼠标从一个元素移入移出时,获取鼠标移动方向的思路.这个方法可以帮助你判断鼠标在移入移出时,是从上下左右的哪个方向发生的.这个思路,是我自己琢磨出来,利用了一点曾经高中学过的数学知识,但是非常简单好理解,希望能对你有所帮助. 在线demo: http://liuyunzhuge.github.io/blog/mouse_direction/demo1.html 相关代码: https://github.com/liuyunzhuge/blog/blob/master/mouse_

MySQL插入数据时插入无效的列

1.错误描述 com.mysql.jdbc.exception:jdbc4.MySQLSyntaxErrorException:Unknown column 'man' in 'field list' 2.错误原因 数据库表中的字段:sno     sname    sage     ssex 插入数据时:          sno     sname    sage     man          本来是想插入ssex这个字段的值为"man",结果将man弄成了ssex字段名 3.

List、Map、Set三个接口,存取元素时,各有什么特点?----转

这样的题属于随意发挥题:这样的题比较考水平,两个方面的水平:一是要真正明白这些内容,二是要有较强的总结和表述能力.如果你明白,但表述不清楚,在别人那里则等同于不明白. 首先,List与Set具有相似性,它们都是单列元素的集合,所以,它们有一个功共同的父接口,叫Collection.Set里面不允许有重复的元素,所谓重复,即不能有两个相等(注意,不是仅仅是相同)的对象 ,即假设Set集合中有了一个A对象,现在我要向Set集合再存入一个B对象,但B对象与A对象equals相等,则B对象存储不进去,所

Leetcode 380. 常数时间插入、删除和获取随机元素

题目描述: 设计一个支持在平均 时间复杂度 O(1) 下,执行以下操作的数据结构. insert(val):当元素 val 不存在时,向集合中插入该项. remove(val):元素 val 存在时,从集合中移除该项. getRandom:随机返回现有集合中的一项.每个元素应该有相同的概率被返回 示例: // 初始化一个空的集合. RandomizedSet randomSet = new RandomizedSet(); // 向集合中插入 1 .返回 true 表示 1 被成功地插入. ra