javascript - JAVASCRIPT - 如果最后一个字符是 :（冒号），则更改字体粗细

Question

如果最后一个字符是 JavaScript 的冒号，是否可以更改字体粗细？

我有网站，人们可以在其中添加食谱。我想强调食谱的部分成分。例如：

浇头 ：-巧克力-牛奶馅： -... -...

我搜索并发现代码：

最后一个字符

if (myString.charAt(myString.length - 1) == ':') 

和体重变化

function changeWeight(600)
{

document.getElementById("id_1").style.fontWeight = fontWeight;

}

我不知道如何编写代码来工作。我是初学者。

非常感谢。

Answer 1

似乎您想让特定文本加粗，而不是元素中的所有文本。您需要从元素中取出文本，对其进行更改，然后将其放回原处。

您可以使用这样的代码，但在以冒号结尾的元素中的所有单词周围加上一个粗体标记：

var element = document.getElementById("id_1");
var text = element.innerHTML;

text = text.replace(/([A-Za-z]+:)/g, '<strong>$1</strong>');

element.innerHTML = text;

注意：为了使其正常工作，在实际标记中有带冒号的单词的元素中不能有其他 HTML 元素。例如，我<a href="http://stackoverflow.com">SO</a>在代码中有，它会因为http:链接中的而中断。

如果你在一个元素中只有那个单词，你会得到文本并检查冒号：

var element = document.getElementById("id_1");
var text = element.innerHTML;

if (text.charAt(text.length - 1)) == ':') {
  element.style.fontWeight = 'bold';
}

Answer 2

尝试这个

if (myString.charAt(myString.length - 1) == ':') {
    changeWeight("600");
}

function changeWeight(weight) {
    document.getElementById("id_1").style.fontWeight = weight;
}