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);
补充:创建表 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将创建的元素追加添加到该元素的内部的元素前面(即作为下级级元素)
、将创建的元素追加添加到该元素的内部的元素后面 (即作为下级级元素)
3、before/insertBefore将创建的元素追加添加到该元素前面(即作为兄弟级元素)
4、after/insertAfter将创建的元素追加添加到该元素后面(即作为兄弟级元素)
最新文章
- 微信公众号开发之被逼学web服务端1-----使用SecureCRT连接Linux服务器
- WPF 中保存 window(窗口)或者canvas成图片
- RPM 包下载 GCC 4.8安装
- POJ 2063 Investment 完全背包
- 如何生成RestFul Api文档
- linux64下安装swftools
- Linux内核数据包的发送传输
- MVC使用HandleErrorAttribute自定义异常
- JAVA之编码---->;CSV在文本下是正常的,用EXCEL打开是乱码的问题
- Linux下网络配置与修改Centos7为列
- SDRAM读写操作
- Java实现模拟登录新浪微博
- 模拟生成环境的MySQL安装方法-通用二进制方式安装
- iOS开发-UILabel和UIButton添加下划线
- PL/SQL类的应用
- python 学习备忘
- Hibernate 之核心接口
- sublime text 3 搭建python ide
- Mave实战(1)——Maven介绍
- 【读书笔记】iOS-ARC-环境下怎样查看引用计数的变化