js追加html代码,js动态添加、删除html代码

删除

例1：

function AddOrDelModel(modelId){

var insertText = ‘

‘ + modelId + ‘被选中

‘, insertEl = document.getElementById("insert");

if(document.getElementById(modelId).checked){

insertEl.innerHTML = insertEl.innerHTML + insertText;

}else{

var tables = insertEl.getElementsByTagName("table");

for(var i = 0; i < tables.length; i++){

if(tables[i].tag = modelId){

insertEl.removeChild(tables[i]);

break;

}

}

}

}

例2：

function Cross(id) {

var obj = document.getElementById("ChannelId" + id);//建议使用ID

if (obj != null) {

obj.parentNode.removeChild(obj);

}

}

添加：

例：

function add() {

var id = document.getElementsByTagName("input").length;//获取input控件个数

var dv = document.getElementById(‘ChannelId1‘);//获取指定控件

dv.outerHTML = dv.outerHTML

+ ‘

名称

‘;

}

原文：http://www.cnblogs.com/yibu/p/4699249.html