JavaScript动态改变页面元素
2014-08-09 10:46
585 查看
可以通过JavaScript动态的改变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动态改变当前页面中元素的状态行为
- JavaScript动态改变HTML页面元素例如添加或删除
- Fix IE6 剪贴板撤销机制Ctrl-Z,Ctrl-Y功能会在由于Js动态改变页面元素的value后失效的Problem
- 如何让动态创建的页面元素响应用户事件 (HTML/javascript/jQuery/Ajax/DOM)
- 使用JavascriptExecutor改变页面元素
- JSP动态生成页面中使用JavaScript消除里面没有信息的div等元素
- 使用DOM动态改变页面外观----读取和设定元素属性
- 采用javascript实现WebGIS页面元素动态布局
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- javascript动态的改变页面的字体大小
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- [JavaScript]页面动态添加Object元素及ActiveX控件事件关联
- JavaScript修改css样式style动态改变元素样式
- Javascript 动态编程--动态设置网页元素是否可见,是否可用,改变大小,动态插入文字,进度条,动态改变背景例子
- IE撤销机制Ctrl-Z功能会在由于Js动态改变页面元素失效
- (十一)javascript 动态改变元素的属性
- [html][javascript]动态增删页面元素
- JavaScript修改css样式style动态改变元素样式
- javascript实现动态生成(页面元素)以表格为例