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

2018-06-23 23:39:33来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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);

 

补充:创建表 table

var table= document.createElement("table");

var row= table.isertRow(-1);//(-1)表示在最后 添加一行row(tr)到table

var td1= row.insertCell(-1)(-1)表示在最后 添加一行cell(td)到tr

ducument.body.addendChild(table);将table 添加到body

 

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将创建的元素追加添加到该元素后面(即作为兄弟级元素)

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:C# 拷贝指定文件夹下的所有文件及其文件夹到指定目录

下一篇:VS2015调试时没有启动IIS Express Web服务器 或者停止调试时 IIS