提问者:小点点

javascript onclick change div在html中类或内联样式时不工作


我正在使用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 &amp; Flours</h3>
      </button>
  </div>
</div>

null

这不起作用,因为我在onclick中使用了类和内联样式。 谁能告诉我怎么解决这个问题。 提前致谢


共2个答案

匿名用户

问题出在这里:

匿名用户

您应该注释掉中的引号

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 &amp; Flours</h3>
      </button>
  </div>
</div>