JavaScript动态改变HTML页面元素例如添加或删除
2014-08-10 00:00
1016 查看
可以通过JavaScript动态的改变HTML中的元素
向HTML中添加元素
首先需要创建一个标签,然后向该标签中添加相应的内容,然后将创建好的标签添加到相应的位置。
删除HTML中的某个元素
向HTML中添加元素
首先需要创建一个标签,然后向该标签中添加相应的内容,然后将创建好的标签添加到相应的位置。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>测试文档</title> <script type="text/javascript"> function add(){ var element = document.createElement("p"); var node = document.createTextNode("添加新段落"); element.appendChild(node); x = document.getElementById("demo"); x.appendChild(element); } </script> </head> <body> <div id="demo"> <p>这是第一段</p> </div> <input type="button" value="按钮" onclick="add()" /> </body> </html>
删除HTML中的某个元素
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>测试文档</title> <script type="text/javascript"> function deleteE(){ var father = document.getElementById("demo"); var child = document.getElementById("p1"); father.removeChild(child); } </script> </head> <body> <div id="demo"> <p id="p1">这是第一段</p> <p id="p2">这是第二段</p> </div> <input type="button" value="删除" onclick="deleteE()" /> </body> </html>
相关文章推荐
- JavaScript动态改变HTML页面元素例如添加或删除
- JavaScript 动态删除/添加HTML表单元素(可以浏览本地文件)
- JavaScript HTML DOM---遗漏知识再整理(向html添加/删除元素,改变内容和css)
- 动态数组,数组初始化,数组内存释放,向数组中添加一个元素,向数组中添加多个元素,数组打印,顺序查找,二分查找,查找数组并返回地址,冒泡排序,改变数组中某个元素的值,删除一个数值,删除所有,查找含有
- 如何自动在html页面加载时动态改变div等元素的高度和宽度
- Jquery动态添加及删除页面节点元素示例代码
- JavaScript HTML DOM 元素(节点)/添加和删除节点(HTML 元素)。
- Jquery动态添加及删除页面节点元素
- [html][javascript]动态增删页面元素
- [Javascript]在HTML页面中动态添加表格,动态生成行的示例
- [JavaScript]页面动态添加Object元素及ActiveX控件事件关联
- System.Collections.ArrayList类是一个特殊的数组。通过添加和删除元素,就可以动态改变数组的长度。
- 【javascript 动态添加数据到 HTML 页面】
- JavaScript HTML DOM 添加和删除节点(HTML 元素)
- JavaScript(20)jQuery HTML 添加和删除元素
- Jquery动态添加及删除页面节点元素示例代码
- html 页面控件动态添加和删除
- JavaScript HTML DOM 元素之 添加和删除节点(HTML 元素)
- <html5+css3+js>用javascript显示隐藏,添加,删除元素,css动画效果
- javascript动态添加删除select中的options元素的又一解决办法