如果使用
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>';
});
});
当然是fiddle.
对于该示例,您只需要纯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/
最好的祝福！