JavaScript 、jQuery动态创建元素的关键字~
2018-06-17 22:27:58来源:未知 阅读 ()
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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:25岁的我该如何冲破自己的迷茫
- JavaScript获取Django模板中指定键值的数据,使用过滤器 2019-08-13
- 2018 Python开发者大调查:Python和JavaScript最配? 2019-05-22
- python高级-动态特性(20) 2019-04-18
- Selenium+Chrome或Firefox的动态爬虫程序 2019-04-11
- Python中使用type、metaclass动态创建方法和属性 2019-04-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash