Question

javascript 如何通过 innerHTML 给标签动态改变内容？使其内容带有鼠标单击事件并能传参数

我想给一个<td id="tt"></td> 中动态的添加 一个 input
<input type="button" name="detail" id="detail" value="明细" onClick="submitform('detail');" />

但是我使用
document.getElementById("rdetail").innerHTML = '<input type="button" name="detail" id="detail" value="明细" onClick="submitform(\'detail\');" />';不能成功 onClick事件不能相应
要是去掉 onClick 函数中的参数就可以了 求解！

Answer 1

这个能用啊，注意<td id="tt"></td>的id是tt
document.getElementById("tt").innerHTML = '<input type="button" name="detail" id="detail" value="明细" onClick="submitform(\'detail\');" />';
你说的不能成功是不是插入不进去呀，这样再试试
document.getElementById("tt").innerHTML ="<input type='button' name='detail' id='detail' value='明细' onClick=\"submitform('detail');\" />";
不行再hi我

Answer 2

<table><tr><td id="tt"></td></tr></table>
<a onclick="kan()">kan</a>

<script type="text/javascript">
function kan(){
document.getElementById("tt").innerHTML="<input type='button' value='明细' onclick='submitform(\"参数\")' />";
}

function submitform(xx){
alert(xx);
}
</script>

onclick='submitform(\"参数\")' 这里一定要注意单引号和双引号的问题。

Answer 3

应该是你submitform()方法内的错误,LZ这么写值是可以传过去的,传递的参数是"detail"字符串