如何使用JavaScript控制大括号或大括号{}内段落(标记)内任何文本的字体粗细

前端之家收集整理的这篇文章主要介绍了如何使用JavaScript控制大括号或大括号{}内段落(标记)内任何文本的字体粗细前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果使用 JavaScript在p标签内括起来,我希望能够控制文本的字体权重.

例如:
母牛跳过了{moon}. {}内的font-weight会增加.

这样最终用户就可以将其键入文本区域并在提交将打印到页面时更改大括号或大括号内的字体粗细.

对此的任何帮助都会很棒.

解决方法

以下是如何执行此操作的方法
var ps = document.getElementsByTagName('p');
    foreach = Array.prototype.forEach;

foreach.call(ps,function (p) {
    var content = p.innerHTML;
    p.innerHTML = content.replace(/\{(.*?)\}|\((.*?)\)/g,function (m) {
        return '<span style="font-weight: bold;">' + m + '</span>';
    });
});
​

当然是@L_404_1@.
对于该示例,您只需要纯JavaScript,无需其他库.

>编辑:

如果您不想在结果中看到括号,可以使用:

var ps = document.getElementsByTagName('p');
    foreach = Array.prototype.forEach;

foreach.call(ps,function (p) {
    var content = p.innerHTML;
    p.innerHTML = content.replace(/\((.*?)\)|\{(.*?)\}/g,function (m) {
        return '<span style="font-weight: bold;">' + m.replace(/[\(\)\{\}]/g,'') + '</span>';
    });
});

小提琴:http://jsfiddle.net/ma47D/4/

最好的祝福!

猜你在找的JavaScript相关文章