基於內容中的單詞的 CSS 樣式

Question

我有一些從 API 獲取的文本，需要在其中包含一個單詞，比如“傳記”，帶有<span>和</span>標簽，以便我可以將其樣式設置為與周圍文本不同。 我如何使用 jQuery 或 JavaScript 來做到這一點？

Answer 1

<!DOCTYPE html>
<html>
<head>
<style>
    .big{ font-size: 55px;  }
</style>
<script>
function chng(){
    var text = document.getElementById('pText').innerHTML;
    var text2 = text.replace('Germany','<span class="big">Germany</span>');
    document.getElementById('pText').innerHTML = text2;
}

</script>

</head>

<body>
<p id="pText">
Brazil - England - Germany
</p>
<button onclick="chng()">Try it</button>
</body>
</html>

Answer 2

應該如何選擇用於包裝的單詞（盡管我們不知道您的意思）？ 似乎你必須在你的內容生成上這樣做（在 PHP、.Net、asp 等中）。 因此，您在 css 上創建類並在內容生成中使用它們，例如 (php): echo 'This is mytext.'; (css): .big {font-weight: bold; 字體大小：40px;}

基於內容中的單詞的 CSS 樣式

問題描述

2 個解決方案

解決方案1
1 2017-08-01 19:26:35

解決方案2
-1 2017-08-01 16:32:59

基於內容中的單詞的 CSS 樣式

問題描述

2 個解決方案

解決方案1 1 2017-08-01 19:26:35

解決方案2 -1 2017-08-01 16:32:59

解決方案1
1 2017-08-01 19:26:35

解決方案2
-1 2017-08-01 16:32:59