JAVASCRIPT - 如果最后一个字符是:(冒号),则更改字体粗细

时间:2013-05-23 10:45:21

标签: javascript fonts

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

我有网站,人们可以添加食谱。我想强调配方成分的一部分。例如:

摘心: -巧克力 -牛奶 的填充: -... -...

我搜索了一下,我发现了代码:

表示最后一个字符

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

和体重变化

function changeWeight(600)
{

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

}

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

非常感谢。

2 个答案:

答案 0 :(得分:0)

试试这个

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

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

答案 1 :(得分:0)

您似乎希望将特定文本设为粗体,而不是元素中的所有文本。您需要从元素中获取文本,更改它并将其放回原位。

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

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';
}