javascript 怎么向表格里加文字

javascript 怎么向表格里加文字,第1张

粘到你那试试

<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就行了!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11822255.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存