`
wangzi6hao
  • 浏览: 213799 次
  • 性别: Icon_minigender_1
  • 来自: sdf
社区版块
存档分类
最新评论

js 给id元素后插入一个div 或者其它元素

 
阅读更多
function appendError (id, str) {
        var spanNew = document.createElement("span");// 创建span
        spanNew.id = id + "span";// 生成spanid
        spanNew.style.color = "red";
        spanNew.appendChild(document.createTextNode(str));// 给span添加内容
        var inputId = document.getElementById(id);
        inputId.parentNode.insertBefore(spanNew, inputId.nextSibling);// 给需要添加元素后面添加span
//如果需要在前面添加改成就可以了
inputId.parentNode.insertBefore(spanNew, inputId);// 给需要添加元素后面添加span
    }
分享到:
评论

相关推荐

    交换两个div的位置

    - **`insertAdjacentElement()` 方法**:这是一个非标准的方法,用于在指定位置插入一个元素节点。语法如下: ```javascript element.insertAdjacentElement(position, node); ``` - `position` 参数可以是 `...

    23.(leaflet篇)leaflet叠加html(leaflet叠加div元素).zip

    在这个例子中,我们首先创建了一个新的div元素,然后将其添加到地图的`overlayPane`中。通过`latLngToContainerPoint`方法,我们可以将地图上的地理坐标转换为像素坐标,从而确定div在地图上的位置。 总的来说,...

    jQuery拖动div元素标签

    在网页开发中,jQuery UI 是一个非常强大...要使一个元素具有拖动功能,首先需要在HTML中包含jQuery和jQuery UI的库文件,通常为以下两行代码: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"> ...

    js限制DIV输入回车

    在网页开发中,有时我们...总结起来,"js限制DIV输入回车"是一个关于前端开发中的事件处理问题,主要涉及到JavaScript的事件监听和DOM操作。通过适当的代码,我们可以定制`div`元素的回车键行为,使其满足特定的需求。

    Js Div属性大全

    3. atomicselection:指定元素及其内容是否可以作为一个不可见单位被选中,通常用于编辑器或富文本组件。 4. begin:设置或获取时间线在该元素上播放前的延迟时间,适用于多媒体元素的同步。 5. blockDirection:...

    js 创建 div层

    例如,我们给新创建的div分配一个id "myDiv" 和一个类 "myClass": ```javascript newDiv.id = 'myDiv'; newDiv.className = 'myClass'; ``` 然后,我们可以使用`innerHTML`属性添加文本内容到div中: ```...

    Js弹出div和关闭

    根据给定的信息,本文将详细解释如何使用JavaScript(简称JS)来实现弹出一个`div`元素,并在其中展示特定内容以及如何通过点击关闭按钮来隐藏这个`div`。 ### Js弹出div和关闭 #### 弹出div的原理与实现 在网页...

    JS实现DIV、图片圆角效果

    本文将深入探讨如何使用JavaScript(JS)来实现DIV和图片的圆角效果,同时强调其兼容性和简单性。 首先,我们来了解CSS3中的border-radius属性,它是实现圆角效果最直接的方法。但遗憾的是,早期的浏览器,尤其是IE...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四:HTML DOM-文档元素的操作(二)

    `querySelector()`返回匹配的第一个元素,而`querySelectorAll()`返回匹配的所有元素的NodeList。这两个方法在处理复杂的选择情况时非常有用。 DOM操作还包括添加、删除和修改元素。`createElement()`创建新的元素...

    Javascript实现网页元素拖拽排序

    // 否则,插入到下一个元素之前 dropZone.insertBefore(draggedElement, nextElement); } // 更新数据存储,例如数组或数据库 updateSortableListOrder(); } } ``` 在实际应用中,我们可能还需要处理多个可...

    js中动态加载div/input....

    4. **插入到DOM中**:创建并设置了元素后,我们需要将其插入到页面的某个位置。可以使用`appendChild()`、`insertBefore()`或`replaceChild()`等方法。例如,将新创建的div添加到body的末尾: ```javascript ...

    读Ext之十二(在各个位置插入元素)

    例如,假设我们要在id为"container"的元素中,在其第一个子元素之前插入一个新的div元素,并给这个div设置类名为"new-element"和内容为"Hello, Ext!",可以这样写: ```javascript var dh = Ext.DomHelper; var ...

    jQuery实现动态添加和删除一个div

    这个方法用于将指定的内容插入到每个匹配的元素集合中的第一个元素的开头位置。在动态添加div的场景中,`prepend()`方法非常适合用于在父元素的最前面插入新的div元素。例如,在提供的示例代码中,`$("#father")....

    js页面插入html表格

    例如,我们可以这样定义一个ID为`stationTable`的`<div>`: ```html <div id="stationTable" style="position: relative; height: 300px; width: 100%;"></div> ``` 这里的样式属性(如`height`和`width`)可以根据...

    php+mysql+js拖拽div实例

    1. **创建数据库表**:在MySQL中创建一个表来存储Div的位置信息,如`positions`,包含`id`(主键)、`div_id`(Div的唯一标识)和`position`(JSON格式的坐标信息)字段。 ```sql CREATE TABLE positions ( id INT...

    JS简单添加元素新节点的方法示例

    此外,还可以使用`cloneNode`方法来克隆一个元素。`cloneNode(true)`会深拷贝元素及其所有子节点,`false`则只会浅拷贝元素本身。在示例中,我们克隆了ID为`s`的`<span>`元素,并将其添加到`<div id="d">`的末尾: ...

    JS圆角DIV

    这些库通常会包含一些核心函数,比如`makeRounded`或`applyBorderRadius`,它们接受一个元素和圆角半径作为参数,然后处理该元素的样式。 `lgpl.txt`则可能包含了 Lesser General Public License (LGPL) 的文本,这...

    动态生成div框并且同时加载数据

    1. 创建div元素:使用`document.createElement('div')`方法创建一个新的div元素。 2. 设置属性:可以使用`.setAttribute()`方法设置div的属性,如ID、class、样式等。 3. 插入内容:使用`.innerHTML`或`.appendChild...

    【JavaScript源代码】vue实现页面div盒子拖拽排序功能.docx

    为了实现拖放动画,我们在CSS中定义了一个`.sort-move`类,它设置了一个1秒的`transition`,让元素在拖放后平滑移动到新位置: ```css .sort-move { transition: transform 1s; } ``` 总结来说,Vue.js中使用CSS3...

    如何在div下添加表情

    在HTML中,我们首先需要创建一个`div`元素,为其设置一个ID或类名以便后续CSS和JavaScript操作。例如: ```html <div id="emotion-container"></div> ``` 2. **表情来源** 表情可以是静态的图片(如.gif或....

Global site tag (gtag.js) - Google Analytics