已解決430363個問題，去搜搜看，總會有你想問的

javascript onclick更改div在html中的類或內聯樣式時不起作用

首頁猿問 javascript...

javascript onclick更改div在html中的類或內聯樣式時不起作用

JavaScript

慕容3067478 2022-12-22 15:28:26

我正在使用 javascript 來更改 html 內容，僅舉個例子，我做了如下所示的操作：<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>這不起作用，因為我在 onclick 中使用類和內聯樣式。誰能告訴我如何解決這個問題。提前致謝

查看完整描述

2 回答

呼喚遠方

TA貢獻1856條經驗獲得超11個贊

問題在這里：<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%);">。你沒有逃避雙引號。按鈕的正確 HTML 應該是這樣的：

<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%);">

<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>

反對回復 2022-12-22

梵蒂岡之花

TA貢獻1900條經驗獲得超5個贊

你應該注釋掉里面的引號\"

<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>

反對回復 2022-12-22

2 回答
0 關注
105 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

javascript onclick更改div在html中的類或內聯樣式時不起作用

javascript onclick更改div在html中的類或內聯樣式時不起作用

2 回答

添加回答