转载：javascript动态插入html元素

主要有是两种方案：

1.使用DOM

    //使用createElement创建元素var dialog = document.createElement('div');var img = document.createElement('img');var btn = document.createElement('input');var content = document.createElement('span');// 添加classdialog.className = 'dialog';// 属性img.src = 'close.gif';// 样式btn.style.paddingRight = '10px';// 文本span.innerHTML = '您真的要GG吗？';// 在容器元素中放入其他元素dialog.appendChild(img);dialog.appendChild(btn);dialog.appendChild(span);```
## 2.使用html template
``` javascript
var popContent =['<li class="monitory-point-li" indexcode="00000000001310013631">','<span class="checkbox-unchecked"></span>','<span class="monitory-text" title="'+name+'">'+formedName+'</span>','</li>'].join(' ');
$('.document').append(popContent);<div class="se-preview-section-delimiter"></div>

或者使用这种写法

var popContent ='<li class="monitory-point-li" indexcode="00000000001310013631">'+'<span class="checkbox-unchecked"></span>'+'<span class="monitory-text" title="'+name+'">'+formedName+'</span>'+'</li>';
$('.document').append(popContent);

javascript动态插入html元素相关推荐

javaScript动态添加Li元素
html代码块 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
动态添加html元素绑定事件,关于javascript：jQuery如何将onclick事件绑定到动态添加的HTML元素...
本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...
监听dom页面动态插入元素以及元素属性变化
工作中埋码需求,当某些动态插入的元素出现时触发埋码事件,因此需要对插入元素的父节点进行监听,子节点发生变化时触发相应埋码逻辑. 方法一: (function () {//事件触发时执行埋码内容func ...
JavaScript实现动态添加的元素添加点击事件
在页面开发过程中常常遇到需要动态添加元素,然后给这一元素绑定相关事件的情况,这种情况下一般需要给元素加上相关属性,然后写这些元素的事件函数即可.动态添加的元素怎么绑定事件呢? 原生JavaScript ...
JavaScript动态生成元素绑定事件时的一些问题、解决与思考
先上结论: 在用js给动态生成的dom元素添加事件时会遇到很多坑. 坑1:使用了 queryselectorall方法获取元素,这个方法获得的是一个静态的Nodelist伪数组,这意味着之后无论你如何 ...
网页制作插入新的元素，并且为插入的元素添加事件
怎样向网页中插入新的元素,在JQuery中有这样的几个函数,其实写网页最大的便利也是在于很多的网页动态的实现都有现成的函数,我们需要做的就是在这个环境中应用这些函数,实现我们的动态的操作. 向网页中插 ...
JavaScript 动态表格操作
阅读目录 JavaScript 动态创建表格第一种示例第二种示例示例解析表格相关的属性和方法 1.1 Table 对象集合 1.2 Table 对象方法 1.3 Table 对象常用属性 1. ...
layui-tree实现Ajax异步请求后动态添加html元素
最近在弄一个产品分类管理,是一个树形菜单的形式,用的是layui-tree ,由于它并没有动态添加节点,所以只能自己刚了. 大概效果如左图具体的实现是当我鼠标移入"长袖"这个分类 ...
JS或JQuery动态创建Html元素的一些方法
JS动态创建元素: 一.document.createElement 说明:在选定元素(父元素)内部的最后末尾追加创建新元素,DOM结构存在新元素节点,可正常渲染显示,但网页源码中无新元素代码:删除时 ...
coos.$script 动态插入脚本并执行的方法
/** * 动态插入脚本并执行 * @param scriptStr * @param el dom元素对象或ID 可以不传入 * @exsample coos.$script(&qu ...

javascript动态插入html元素

主要有是两种方案：

1.使用DOM

javascript动态插入html元素相关推荐

最新文章

热门文章