js创建标签的方法--依赖于jquery

 1 /**
 2      * 创建标签,传入一个对象,返回一个完整的标签
 3      * @param {Object.attribute} tag  标签
 4      * @param {Object.attribute} attribute  标签的属性,用对象赋值
 5      * @param {Object.attribute} html     标签内部的html
 6      * @param {Object.attribute} text    标签内容
 7      */
 8     function createTag(obj) {
 9         if(typeof obj != 'object') {
10             return false
11         } else {
12             var aHtml = document.createElement(obj.tag)
13             $(aHtml).attr(obj.attribute || "")
14             if(obj.html)
15                 $(aHtml).html(obj.html)
16             if(obj.text)
17                 $(aHtml).text(obj.text)
18             return aHtml
19         }
20     }

例子:

var aHtml = cereateTag({

  tag:'a',

  attribute:{

    href:'http://www.baidu.com',

    target:'_black'

  },

  html:'众里寻他千百度'

});

结果:<a href='http://www.baidu.com' target='_black'>众里寻他千百度</a>

posted @ 2016-11-29 15:14  z春眠不觉晓z  阅读(928)  评论(0编辑  收藏  举报