JavaScript创建Element元素/标签的工具/方法

传入注释中的格式的对象即可创建一个Element，如果有好的建议可以写在评论中。

/* 使用myCreateElementUtil函数时config形参格式如下
var config = {eleName:"a",eleStyle:{"width":"10px","height":"10px"},eleAttributes:{"name":"test","id":"t1"},eleText:"click me"
}
*/
function myCreateElementUtil(config) {var ele = document.createElement(config.eleName);for(var attribute in config.eleAttributes) {ele.setAttribute(attribute,config.eleAttributes[attribute]);}for(var style in config.eleStyle) {ele.style[style] = config.eleStyle[style];}if(config.eleText != null && config.eleText != undefined) {var textNode = document.createTextNode(config.eleText);ele.appendChild(textNode);}return ele;
}

JavaScript创建Element元素/标签的工具/方法相关推荐

javascript创建DOM元素(标签script)并追加到title标签中
html代码 <!doctype html> <html lang="en"> <head><meta charset="UTF ...
JavaScript 添加一个元素标签
JavaScript 添加一个元素标签文章目录 JavaScript 添加一个元素标签代码效果代码 <!DOCTYPE html> <html><head> ...
javascript删除数组元素的几个方法
javascript删除数组元素的7个方法文章目录一.length属性二.delete关键字三.pop()栈方法四.shift()队列方法五.splice()操作方法六.迭代方法七.p ...
动态创建html元素的几种方法
可以通过以下几种方式动态创建html元素: 1.使用jQuery创建元素的语法 2.把动态内容存放到数组中,再遍历数组动态创建html元素 3.使用模版 □ 使用jQuery动态创建元素追加到jQue ...
javascript删除数组元素的7个方法
在JavaScript中,除了Object之外,Array类型(数组)恐怕就是最常用的类型了.与其他语言的数组相比,JavaScript中的Array非常灵活.这种灵活性有利有弊,好处是其富有创造性, ...
jQuery常用工具方法
前面的话 jQuery提供一些与元素无关的工具方法,不必选中元素,就可以直接使用这些方法.如果理解原生javascript的继承原理,那么就能理解工具方法的实质.它是定义在jQuery构造函数上的方法 ...
animate方法 jQuery中元素的创建创建十个p标签创建列表动态创建列表
animate方法 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
JavaScript(23) 创建元素标签和属性在body中(jQuery插件)
效果图: 代码:(注意引入jQuery插件!!) <!DOCTYPE html> <html><head lang="en"><meta ...
document的createElement方法创建具有指定标签的DOM对象
可以使用document的createElement方法创建具有指定标签的DOM对象,然后通过调用元素的appentChild的方法将新创建的元素添加到相对应的元素下 <script type= ...

JavaScript创建Element元素/标签的工具/方法

JavaScript创建Element元素/标签的工具/方法相关推荐

最新文章

热门文章