JS动态添加span等标签

　　今天在程序当中需要动态的往页面中添加span标签，同时需要设置span的文本，本人的JS不好，就从网上找了不少资料，多数是一样的做法，如下大体代码所示：

function addTag() {var div = document.createElement("div");var test = document.createElement("span");    test.innerHTML = "测试";    div.appendChild(test);}

　　上述代码，创建span标签是没有问题的，但是设置文本时，我怎么测试都不成功，在FireBug中提示“test.innerHTML is not a function”，测试innerText也不行，最后还是另想别的方法，还好找到了：

function addTag() {var div = document.createElement("div");var test = document.createElement("span"); test.appendChild(document.createTextNode("测试"));    div.appendChild(test);}

　　经过测试，在我程序中，上述代码时正确的。

转载于:https://www.cnblogs.com/rayxin/archive/2011/12/28/2304498.html

JS动态添加span等标签相关推荐

html中列表前面的序号带圆圈,js动态添加带圆圈序号列表方法
js动态添加带圆圈序号列表方法发布时间:2021-02-19 11:30:34 来源:亿速云阅读:69 作者:小新这篇文章给大家分享的是有关js动态添加带圆圈序号列表方法的内容.小编觉得挺实用的 ...
html中列表前面的序号带圆圈,js动态添加带圆圈序号列表的实例代码
1.先在body里面添加ul标签 2.通过js获取到id等于list的标签定义一个空字符串用来连接增加的标签,并展示出来如图的js代码展示的是前三个颜色不同,余下的颜色相同的圆圈序号 functi ...
form表单无法提交js动态添加的表单元素问题。。
第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url ...
js 动态添加 tabel 表格
js 动态添加 tabel 表格代码 <!DOCTYPE html> <html><head><title> new document </t ...
【原生js】js动态添加dom，如何绑定事件
首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完d ...
原生js动态为table追加html,JS动态添加Table的TR，TD实现方法
本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: var tempRow=0; var maxRows=0; function insertRows( ...
MUI 里js动态添加数字输入框后，增加、减少按钮无效
https://www.cnblogs.com/ssjf/p/10193652.html numbox 的自动初化是在 mui.ready 时完成的 mui 页面默认会自动初始化页面中的所有数字输入框 ...
js动态添加options(转载)
JS动态添加Option的几种方式在处理表单的时候,经常会有这样的需求:给定一定的数据来生成某个select的option,或者更进一步,某些option或许预先选中或者有高亮显示. 下面我们就来温 ...
layui upload.render上传组件js动态添加html后再次渲染
页面效果页面代码: <input type="hidden" name="mcBaunell" id="m ...

JS动态添加span等标签

JS动态添加span等标签相关推荐

最新文章

热门文章