JS 添加删除元素的实现代码
JS添加删除元素
替换后的文字";
var oldNode = $Name("P")[0];//获取body里面第一个p元素
oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签
}
function removeMsg()
{
var node = $("p2");//p标签
var nodeBtn = $("remove");//按钮
//node.parentNode.removeChild(node); //下面效果相同
document.body.removeChild(node);//在body中删除id为P2的元素
//nodeBtn.parentNode.removeChild(nodeBtn);//删除该按钮
document.body.removeChild(nodeBtn);
//document.body.removeNode();执行这条语句将清空body里面的任何元素
}
function addbefore()
{
var newNode = document.createElement("p");//创建P标签
//var newText = document.createTextNode("前面添加的元素");
//newNode.appendChild(newText);//与下面效果一样
newNode.innerHTML = "前面添加的元素";//书写P标签里面的内容
var oldNode = $("p3");//目标标签
//document.body.insertBefore(newNode,oldNode);
oldNode.parentNode.insertBefore(newNode,oldNode);//在目标标签前面添加元素
}
function addlast()
{
var newNode = document.createElement("p");//创建P标签
//var newText = document.createTextNode("后面添加的元素");
//newNode.appendChild(newText);//与下面效果一样
newNode.innerHTML = "后面添加的元素";
var oldNode = $("p3");
oldNode.appendChild(newNode);
//document.body.appendChild(newNode);//如果使用该方法,则在body的最后添加元素
}
window.onload = function addArrayMsg()
{
var arrayMsg = ['one','two','three','four','five'];//创建数组
var fragment = document.createDocumentFragment();//创建文档片段
var newNode ;
for (var i=0 ;i我的表格";
var oldTr = $("handleTr");
var newTr = tab.insertRow();//创建一行
var newTd1 = newTr.insertCell();//创建一个单元格
var newTd2 = newTr.insertCell();//创建一个单元格
newTd1.innerHTML = "";
newTd2.innerHTML = "";
}
function removeRow()
{
var tab = $("myTable");
// if(tab.rows.length>0){
// tab.deleteRow();
// if(tab.rows.length==1)
// tab.deleteCaption();
// }
var cbbox ;
for(var i=0;i
Hello World!
我可以被删除!
在我上下添加一个元素吧！
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
- javascript动态添加样式(行内式/嵌入式/外链式等规则)
- jquery 如何动态添加、删除class样式方法介绍
- 原生js实现查找/添加/删除/指定元素的class
- JQuery给元素添加/删除节点比如select
- Jquery显示、隐藏元素以及添加删除样式
Tags：JS 添加删除
相关文章
- 2017-09-09详解动画插件wow.js的使用方法
- 2009-09-09PPK 谈 JavaScript 的 this 关键字 [翻译]
- 2011-07-07JS分割字符串并放入数组的函数
- 2017-03-03浅谈JavaScript正则表达式-非捕获性分组
- 2017-08-08关于JavaScript的单双引号嵌套问题
- 2015-08-08js实现简单折叠、展开菜单的方法
- 2008-12-12js 设置css的定位
- 2016-11-11jQuery与JavaScript节点创建方法的对比
- 2016-10-10判断数组的最佳方法(推荐)
- 2016-01-01javascript多物体运动实现方法分析