如何使用 javascript 將附加文本加粗？

Question

處理一個我想讓附加文本顯示為粗體的項目。 根據我的研究，它應該是.bold()，但這並沒有使我的附加文本變粗，而是顯示我的文本被“< b ></b >”包圍。 我做錯了什么？ 這是我的代碼：

var breweryname=response.results[i].name;
    var breweryName = $("<p class='title'>").text(response.results[i].name.bold());
    breweryDiv.append(breweryName);

Answer 1

我建議不要使用.html()因為它可能有注入（你應該避免）。 .name只是一個文本name ，您希望它bold ，然后繼續使用.text 。

將 css （粗體字體）應用於動態添加的元素(response.results[i].name) 。

您可以簡單地使用 jQuery .css function 讓您像正常的 ZC7A628aFA5CBA22E2A2EB614Z 一樣設計您的元素。

運行下面的代碼片段以查看它的工作原理。

 //Div to append to var breweryDiv = $('#breweryDiv') //Response var breName = 'Random Name' //response.results[i].name; //Text var breweryName = $("<p class='title'>").text(breName); //Apply Css $(breweryName).css({ 'font-weight': 'bold' }) //Append Results breweryDiv.append(breweryName);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="breweryDiv"> </div>

Answer 2

不要使用.text() ，而是使用.html() （確保您信任響應 - 您不想要任何注入！）您還可以讓您的 CSS class title帶有font-weight: bold如果您想分開行為和介紹。