如何在 JavaScript 中更改子字符串 css

如何解决如何在 JavaScript 中更改子字符串 css

我有一个动态值让说 var x= "123456789"; 现在我想将粗体 css 属性应用到上面字符串中的最后三个，即 789。我尝试将字符串分解为数组，我在某种程度上成功了，但后来我开始思考如何显示剩余的无，即未更改的部分，即 123456。

请指导我如何处理这个问题或者什么是最好的解决方案。

输出应该类似于 123456789。这个字符串可以是动态的。

解决方法

let str = "12345678" //Given string
str.slice(-3) //Will give you "678"
str.slice(0,str.length - 3) //Will give you "12345" - i.e. Everything except the last 3 characters.

因此，如果在您完成第一个操作后“678”显示两次（常规和粗体），则应用第二个操作从字符串中切出“678”。希望它有所帮助，如果没有，您可以添加您的代码，我可以再次向您展示。

let num = "123456789";
num = `${num.slice(0,-3)}<b>${num.slice(-3)}</b>`; // Will give you string: "123456<b>789</b>"

所以你可以使用切片功能并使用字符串插值来输入粗体标签。这将使字符串的最后 3 个字符变粗。

你可以试试这个：

<html>
<body>
<p id = "p1"> </p>
<script>
    var x = "123456789";
    var last3 = x.substr(-3,3); //last 3 digits
    var newx = x.replace(last3,last3.bold()); //new string by replacing last 3 digits with bold
    document.getElementById("p1").innerHTML = newx;
</script>
</body>
</html>

稍微改进了

<div id= "display"></div>

<script>

let x = "12345678";
let second = str.slice(-3); // last 3
let first = str.slice(0,str.length - 3); // first part

// getting the display div

const display = document.querySelector("#display");


//inserting to display div
display.innerHTML = `${first}<strong>${second}</strong>`;

</script>

如何在 JavaScript 中更改子字符串 css

如何解决如何在 JavaScript 中更改子字符串 css

解决方法

相关推荐