JavaScript动态创建元素:
1、创建元素 如:a 标签
var alink= document.createElement("a");
2、j添加元素属性
alink.href= "http://www.abc.com";
alink.target="_blank";
或者 alink.setAttribute("href", "http://www.abc.com");//设置属性href值为 http://www.abc.com
3、将创建的元素添加到 id为id 的元素下
getElementById("#id").appendChild(alink);
jQuery动态创建元素:
1、创建元素 及添加属性 如:a 标签
var alink = $("<a href="http://www.abc.com" target="_blank" title="这是一个链接">");
2、将创建的元素添加到 id为id 的元素下
$("#id").append(alink);
以上(1、2、)两步代码等同于:$("<a href="http://www.abc.com" target="_blank" title="这是一个链接">").appendTo("#id");注:
关键字:
1、propend/propendTo将创建的元素追加添加到该元素的内部的元素前面(即作为下级级元素)
2、将创建的元素追加添加到该元素的内部的元素后面 (即作为下级级元素)
3、before/insertBefore将创建的元素追加添加到该元素前面(即作为兄弟级元素)
4、after/insertAfter将创建的元素追加添加到该元素后面(即作为兄弟级元素)
原标题:JavaScript 、jQuery动态创建元素的关键字~
关键词:JavaScript