<script>
function addinfo(){
var newTr = mytable.insertRow()
var newTd0 = newTr.insertCell()
var newTd1 = newTr.insertCell()
newTd0.innerHTML = document.getElementById("name").value
newTd1.innerText= document.getElementById("age").value
}
</script>
<table border="1" id="mytable">
<th>name</th><th>age</th>
</table>
<p>
name<input type="text" name="name" id="name">
</p>
<p>
age<input type="text" name="age" id="age">
</p>
<input type="submit" value="add" onClick="addinfo()">
这个和我前天做过的效果一模一样!首先有多个词语,每一个必须独立,就是说必须要一个标签包着!可以很好的获取和绑定事件!假设你很多词语的父级为#test,选中#test下所有的span标记(就是每一个词语,假设是span包着);给每一个span添加点击事件,没有问题吧!点击之后,拿到自己的innerHTML,然后新建一个em元素,把innerHTML赋值给em元素,再将em插入到id= tags 里面,这样每点击一下,就新建一个em,并且插入进去了!
然后是删除;
获取id= tags,可以用事件委托好点,给tags添加点击事件,再通过事件源找到是哪一个em点击的,注意在寻找em时是有兼容问题的,做好他就行了!找到点击的那个em,执行removeChild就行了!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)