在容器最前面添加DOM元素 parent.insertBefore(new, parent.children[0])

        //判断容器当前有没有子级元素,如果没有直接appendChild就行了;
        if (p.children[0]) {
          p.insertBefore(span, p.children[0]);
        } else {
          p.appendChild(span);
        }

时间： 2024-08-12 17:30:56

在容器最前面添加DOM元素 parent.insertBefore(new, parent.children[0])的相关文章

jQuery 如何先创建、再修改、后添加DOM元素

例如顺序执行[创建]-> [修改]-> [添加]三个动作. 由于jQuery支持链式操作,其实就是设计模式的builder模式,所以我们可以把三个操作串在一起来执行. 首先创建一个p元素,内容包含一个a元素. 复制代码代码如下: $('<p><a>jQuery</a></p>') 然后为a元素添加一个href属性复制代码代码如下: $('<p><a>jQuery</a></p>').find('a

jQuery添加删除DOM元素

1.添加DOM元素 append prepend before after //append 添加在同级元素的之前实例: <div class="header"><p>添加节点在同级元素之后</p></div> var pageup = '<strong>append 在同级元素之后</strong><br>'; $('.header').on('click',funct

工作积累（六）——jQuery实现DOM元素事件绑定

用 jQuery 为DOM元素绑定事件时,如果用下面这种方式: <button class="dynamic-bind">按钮一</button> $(function() { $('.dynamic-bind').on('click', function(e) { alert(e.type); //'click' }); }); 那么如果在绑定事件之后通过 jQuery 添加与该选择器相同的新的DOM元素: $('.dynamic-bind:las

DOM元素选择属性操作事件操作节点操作创建元素的区别

DOM 获取页面元素 document.getElementById('id'); // id 选择器 document.getElementsByTagName('div'); // 标签选择器返回伪数组 // html新增 document.getElementsByClassName('box'); // 类名学则器 document.querySelector('#id'): // 返回指定选择器的第一个元素对象,里面写css选择器 document.querySelectorAll(

操作DOM元素，Dom元素添加颜色，删除第二个li元素

<html> <head> <title>demo</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> /* 示例操作DOM元素 */ window.onload = function(){ //给Dom元素添

给DOM元素添加事件

今天遇到一个问题:鼠标单击页面中的任意标签,弹出该标签的名称. 实现代码如下: <script type="text/javascript"> document.onclick = function(e){ var e = (e||event); var o = e["target"] || e["srcElement"]; alert(o.tagName.toLowerCase()); } </script> 即创建了一

jQuery -> 如何【先创建、再修改、后添加】 DOM元素

如何一气呵成地,on the fly地操作DOM元素呢? 例如顺序执行[创建]-> [修改]-> [添加]三个动作. 由于jQuery支持链式操作,其实就是设计模式的builder模式,所以我们可以把三个操作串在一起来执行. 首先创建一个p元素,内容包含一个a元素. $('<p><a>jQuery</a></p>') 然后为a元素添加一个href属性 $('<p><a>jQuery</a></p>'

Java如何向容器中添加一组元素详解（附源码）

前言在java.util包中的Arrays和Collections类中都有很多实用方法,可以在一个Collection中添加一组元素.Arrays.asList()方法接受一个数组或是一个用逗号分隔的元素列表(使用可变参数),并将其转换为一个List对象.Collections.addAll()方法接受一个Collection对象,以及一个数组或是一个用逗号分隔的元素列表,将元素添加到Collection中.下面的示例展示了这两个方法,以及更加传统addAll()方法,所有Collection

JavaScript HTML DOM 元素(节点)

JavaScript HTML DOM 元素(节点) 创建新的 HTML 元素创建新的 HTML 元素如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素. 实例 <div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another paragraph.<