html 如何添加附件,javascript实现添加附件功能的方法

在邮件中我们经常用到添加附件，现在简单的应用下：

效果图：

实现原理：

采用table标签的，主要思想：采用table标签方式

1、点击文字之后，就自动创建(原先是自己/创建，现在拿到table对象之后，可以insertRow() insertCell())创建行和列

2、删除的时候通过父节点来移除

核心代码：

function creatMail(){

var tab=document.getElementById("tabid");

var tr=tab.insertRow();//插入一行

var td=tr.insertCell();//插入一列

var td2=tr.insertCell();//插入一列

td.innerHTML=" ";

/*

td2.innerHTML="删除";

*/

td2.innerHTML="";

}

全部代码如下(tips：仅仅只是实现添加而已)

AddMail.html

function creatMail(){

var tab=document.getElementById("tabid");

var tr=tab.insertRow();//插入一行

var td=tr.insertCell();//插入一列

var td2=tr.insertCell();//插入一列

td.innerHTML=" ";

/*

td2.innerHTML="删除";

*/

td2.innerHTML="";

}

function Delrows(node){//当前对象是里面

var tr=node.parentNode.parentNode;//tr对象

tr.parentNode.removeChild(tr);//tr的父对象table移除子节点

}

添加附件

以上就是本文的全部内容，分享了实现原理、核心代码、还有大家应该最喜欢的javascript实现添加附件功能的万丈代码，希望对大家的学习有所帮助。