js动态添加、删除html代码

function AddOrDelModel(modelId){

var insertText = '<table tag=' + modelId + '><tr><td>' + modelId + '被选中</td></tr></table>', insertEl = document.getElementById("insert")

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

insertEl.innerHTML = insertEl.innerHTML + insertText

}else{

var tables = insertEl.getElementsByTagName("table")

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

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

insertEl.removeChild(tables[i])

break

}

}

}

}

这个是上传图片的增加和删除 希望是你想要的结果

有两个文件

第一个：是调用下面的js和html的静态代码

<script language="javascript" src="js/SelectFile.js"></script>

<label>

<input id="file1" name="Photo[]" type="file" size="35" />

<input id="buttonadd" name="buttonadd" type="button" style="display:''" value="更多" onClick="AddFile()">

<br id="br1" style="display:none">

<input id="file2" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>

<input id="buttondel2" name="buttondel2" type="button" value="删除" style="display:none" onClick="DelFile(2)">

<br id="br2" style="display:none">

<input id="file3" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>

<input id="buttondel3" name="buttondel3" type="button" value="删除" style="display:none" onClick="DelFile(3)">

<br id="br3" style="display:none">

<input id="file4" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>

<input id="buttondel4" name="buttondel4" type="button" value="删除" style="display:none" onClick="DelFile(4)">

<br id="br4" style="display:none">

<input id="file5" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>

<input id="buttondel5" name="buttondel5" type="button" value="删除" style="display:none" onClick="DelFile(5)">

</label>

第二：是js代码 你直接用就可以了 写在一个叫SelectFile.js的文件里 上面调用

<!--

//说明：此控件控制 br[1~4],file[2~5],buttondel[2~5]

function AddFile()

{

for (var SelNum=1SelNum<9SelNum++)

{

var Num=SelNum+1

if(document.all("file"+Num).style.display=='none')

{

document.all("file"+Num).style.display=''

document.all("file"+Num).disabled=''

document.all("buttondel"+Num).style.display=''

document.all("br"+SelNum).style.display=''

break

}

}

}

function DelFile(Key)

{

var Num=Key-1

document.all("file"+Key).style.display='none'

document.all("file"+Key).disabled='true'

document.all("buttondel"+Key).style.display='none'

document.all("br"+Num).style.display='none'

}

-->

注意：上面的file，buttondel和br都不要改动 否则就实现不了了 呵呵

祝你成功！

用js删除html标签需要用正则表达式来完成。

比如要删除以<style type="text/css" id="wiz_custom_css">开头

</style>结尾的代码，正则写法如下：

var reg = /\<style[\s\"\'\w\=\/]+\>[^\<]+\<\/style\>/gim

str.replace(reg,"")

全部替换成空就可以了。

---