我正在根據用戶輸入構建一個成績單，我想知道是否有人可以指出我如何能夠更改存盤在text_to_add_oneand中的字串的字體樣式的正確方向text_to_add_two。
if (build_transcript) {
var text_to_add_one = "<b>" "YOU: " "</b>" `${transcript_you}`;
var text_to_add_two = "<b>" "COMPUTER: " "</b>" `${transcript_computer}`;
document.getElementById("wordsIncluded").innerHTML = "<p>" text_to_add_one "</p>" "<p>" text_to_add_two "</p>" "</br>";
build_transcript = false;
}
//wordsIncluded is a div
我嘗試了下面的方法，但它似乎不起作用！
document.getElementById("wordsIncluded").innerHTML = "<p id="changeFont">" text_to_add_one "</p>" "<p id="changeFont">" text_to_add_two "</p>" "</br>";
CSS檔案
#changeFont {
font-style: 'Quicksand';
}
uj5u.com熱心網友回復：
你需要使用單引號。
document.getElementById("wordsIncluded").innerHTML = '<p id="changeFont">' text_to_add_one '</p>' '<p id="changeFont">' text_to_add_two '</p>' '</br>';
uj5u.com熱心網友回復：
試試下面的一些東西。
const transcript_you = "me";
const transcript_computer = "mac";
var text_to_add_one = `<b>YOU: </b>${transcript_you}`;
var text_to_add_two = `<b>COMPUTER: </b>${transcript_computer}`;
document.getElementById(
"wordsIncluded"
).innerHTML = `<p >${text_to_add_one}</p><p >${text_to_add_two}</p></br>`;p.changeFont {
color: red;
}<div id="wordsIncluded"></div>uj5u.com熱心網友回復：
你不應該使用"<p id="changecolor">". 正如代碼著色所示，字串的一部分無關緊要。您應該使用"<p id=\"changecolor\">"或'<p id="changecolor">'
uj5u.com熱心網友回復：
順便說一句，這也有效，我可能會使用它，因為我可以看到我將使用的字體系列：
document.getElementById("wordsIncluded").innerHTML = `<p style="font-family: 'Quicksand'; hljs-string">">${text_to_add_one}</p><p style="font-family: 'Quicksand'; class="changeFont">${text_to_add_two}</p></br>`;
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/469199.html
標籤：javascript html css 细绳 字体
上一篇：根據視口寬度縮放容器的全部內容