我正在使用javascript更改html内容,只是作为一个例子,我做了如下所示的事情:
null
<div id="grid">
<div id="title">
<button onclick='document.getElementById("grid").innerHTML = "<p style="color:red">semma <b class="mate">Kite</b></p>"' style="background: linear-gradient(to bottom, #cc99ff 0%, #ff99cc 100%);">
<h3> Rice, Grains & Flours</h3>
</button>
</div>
</div>
null
这不起作用,因为我在onclick中使用了类和内联样式。 谁能告诉我怎么解决这个问题。 提前致谢
问题出在这里:
您应该注释掉“
中的引号
null
<div id="grid">
<div id="title">
<button onclick='document.getElementById("grid").innerHTML = "<p style=\"color:red\">semma <b class=\"mate\">Kite</b></p>"' style="background: linear-gradient(to bottom, #cc99ff 0%, #ff99cc 100%);">
<h3> Rice, Grains & Flours</h3>
</button>
</div>
</div>