星空网 > 软件开发 > ASP.net

JavaScript 、jQuery动态创建元素的关键字~

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

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流