2 gjfvip123 gjfvip123 于 2017.01.15 16:23 提问

js如何将代码片段添加到指定dom树上

我想将一段动态生成的代码片段添加到已有的元素后边(不是父元素的最后一个子元素,是父元素现在已有的子元素后边),但是事件触发时替换了原来的内容。。。
我的代码如下 :图片说明
图片说明图片说明

1个回答

showbo
showbo   Ds   Rxr 2017.01.15 18:14

$('指定元素选择器').after(appendStr)

showbo
showbo 回复gjfvip123: 有用记得采纳了,嘿嘿~。
一年多之前 回复
gjfvip123
gjfvip123 你好厉害啊,谢谢哈,每次都帮我解答
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JS中操作对dom树的影响
invokeUnExistField()"> JS try to call a nonexistent field in Java Applet. We Expect that the JS will throw an Exception. Read the con
用原生js在DOM元素上面添加方法
if (window.HTMLElement) { // 使用原型扩展DOM自定义事件 HTMLElement.prototype.addEvent = function(type, fn, capture) { var el = this; if (window.addEventListener) { el.add
DOM方法添加标签
DOM动态添加标签
用js实现在现有元素后插入一个新元素
javascript提供了一个insertBefore方法,但可惜的是DOM本身并没有提供insertAfter方法,不过我们完全可以利用已有的DOM方法和属性编写一个insertAfter函数。 这个函数用到了一下DOM方法和属性: parentNode属性 lastChild属性 appendChild属性 insertBefore属性 nextSibling属性 代码如下:function
用 Dom 方式 动态的添加网页元素
第一次翻译技术文章,本身英语水平很烂,翻译的也是自己刚开始学习的技术,所以能勉强看懂英文的话都要尽量读 原文 而不要看我的翻译,免得被误导。阅读原文 简介   这篇文章简单介绍了DOM 1.0一些基本而强大的方法以及如何在JavaScript中使用它们。你可以学到如何动态地创建、获取、控制和删除HTML元素。这些DOM方法同样适用于XML。所有全面支持DOM 1.0的浏览器都能很好地运行本
JavaScript在DOM中插入一个新元素
在已有元素前面插入一个新元素 DOM提供了名为insertBefore()这个方法,这个方法将把一个新元素插入到一个现有元素的前面。在调用次方法时,你必须告诉它三件事。 (1)    新元素: 你想插入的新元素(newElement)。 (2)    目标元素: 你想把这个新元素插到哪个元素(targetElement)之前。 (3)    父元素: 目标元素的父元素(parentElem
javascript -- 动态创建HTML元素并插入到dom tree中
如何使用最原始的js脚本代码来操作html元素,下面的脚本示例了如何通过js动态创建html元素,如何通过js脚本控制html元素的css属性.用到,所以记录一下: var iframe_id = f + (Math.round(Math.random() * 100000000) + 100000000);var oIframe=document.createElement(
javascript实现把一个节点插入到另一个节点之后
DOM提供了一个方法,叫做insertBefore(),其作用是在已有节点之前插入新的子节点。遗憾的是,DOM并没有提供一个insertAfter()的方法—即在一个节点之后插入一个节点。本文所讲的是如何用JS实现在一个节点之后插入另一个节点,也就是编写一个属于自己的insertAfter()。这儿顺便给出insertBefore()的相关语法,因为在自己编写的insertAfter()方法中,会使
深入学习Html DOM树的操作
本文向大家简单介绍一下HTML DOM树的概念,我们必须要对DOM模型有一定的认识,才能把Javascript应用于WEB,或你的RIA应用当中,因为 DHTML本质上就是操作DOM树。 AD: 你对HTML DOM树的概念是否了解, 这里和大家分享一下,DOM是文档对象模型(Document Object Model),是基于浏览器编程的一套API接口,W3C
js之DOM操作(创建元素节点createElement)
创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法: document.createElement(tagName) 参数: tagName:字符串值,这个字符串用来指明创建元素的类型。 注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。