如何用js在添加新行的时候添加button

nitu•2023-5-15•IT百科•阅读13

用innerHTML啊

tr.innerHTML = "<input type='button'></input><input type='button'></input>"

不就加了2个按钮了吗

是想在js里动态添加吗？一般有两种方式：

1。加载时就有该按钮，但是设置不显示，需要时再显示该按钮

2。往指定的区域添加按钮

第2种如果是借助JQuery更简单实现，这里是一个用原生js实现的示例：

<html>

<head>

function addButton(){

var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton()\">"

document.getElementById("add").innerHTML=html

}

function newButton(){

alert("我是新加的按钮")

}

</script>

</head>

<body>

<div>

<p>点击该按钮增加一个新按钮</p>

<p>新增的按钮在这显示</p>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-05-15

下一篇2023-05-15

登录后才能评论