对添加了javascript的html元素执行操作

我在单击按钮时使用javascript向html页面添加一个元素，并在该按钮上创建一个onclick属性来警告某些内容，作为测试，使其执行某些内容，但在单击该添加的按钮时，它不会发出任何警告。这是密码

HTML

表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
}
添加


名称
电子邮件
var z=1；
函数myFunction（）{
var x=document.getElementById（“inptext”）.value；
var y=document.getElementById（“inAddress”）.value；
document.getElementById（“tablename”）.innerHTML=document.getElementById（“tablename”）.innerHTML+''+x+''+y+''；
document.getElementById（“按钮”）.innerHTML=document.getElementById（“按钮”）.innerHTML+“EditRemoveUpdate”；
document.getElementById（'cvda'+z）.style.visibility='hidden'；
z=z+1；
}

在警报中使用双引号：

<button onclick="window.alert(\'sometext\');" style="margin-left:4px" class="deleteit" id="a' + z + '">

尝试将其更改为单引号：

<button onclick="window.alert(\'sometext\');" style="margin-left:4px" class="deleteit" id="a' + z + '">

删除

使html无效

试一试

删除

最重要的是，

float:right#按钮

中的code>使按钮不可点击。您可以删除该

浮点值

，也可以给它一个

z索引

---

使用JSFIDLE：（使用

float:right；

removed）

为什么要放置\？因为您正在动态生成按钮，所以文本已经在另一个单引号中。这样你就需要逃离它，所以浏览器不认为它是字符串的结尾。<代码>是一个转义字符，所以它把下面的< /代码>作为字符串的一部分，而不是字符串的结尾。

<button onclick="window.alert(\'sometext\');" style="margin-left:4px" class="deleteit" id="a' + z + '">

<button onclick="window.alert("sometext");" style="margin-left:4px" class="deleteit" id="a' + z + '">Remove</button>

<button onclick="window.alert(\'sometext\');" style="margin-left:4px" class="deleteit" id="a' + z + '">Remove</button>