使用JavaScript(使用生成的内容)处理单个字母
我有一个锚标记,它是用Wordpress从数据库生成的,客户端使用的字体字距很差。我需要能够选择锚链接上的单个字母,并向生成的文本中的某些字母添加使用JavaScript(使用生成的内容)处理单个字母,javascript,css,selector,Javascript,Css,Selector,我有一个锚标记,它是用Wordpress从数据库生成的,客户端使用的字体字距很差。我需要能够选择锚链接上的单个字母,并向生成的文本中的某些字母添加右边距CSS值 如何使用Javascript选择文本的第二、第三、第四个字母等,然后添加右边距值?我真的不知道从哪里开始 var anchorTag = document.querySelectorAll(".taxonomy a"); 注意-我没有访问HTML的权限,因此无法将字母包装在span元素等中。如果可能,我需要找到一种使用JavaScri
右边距CSS值
如何使用Javascript选择文本的第二、第三、第四个字母等,然后添加右边距值?我真的不知道从哪里开始
var anchorTag = document.querySelectorAll(".taxonomy a");
注意-我没有访问HTML的权限,因此无法将字母包装在span元素等中。如果可能,我需要找到一种使用JavaScript选择单个字母的方法。您可以使用自定义类将每个字符包装在span元素中:
函数wrapCharacters(元素,前缀){
element.innerHTML=element.textContent
.拆分(“”)
.map(函数(字符、索引){
返回“”+字符+“”;
})
.加入(“”);
}
document.querySelectorAll('.taxonomy a').forEach(函数(元素){
wrapCharacters(元素);
});代码>
.taxonomy a.span_3{右边空白:1px;}
.taxonomy a.span_4{右边空白:3px;}
.taxonomy a.span_5{右边空白处:3px;}
.taxonomy a.span_6{右边空白:7px;}
如我所示,如果不先包装单个字符,则无法选择它们。包装完全是用javascript完成的,因此您不需要任何特殊的“HTML访问”。如果您可以将脚本注入页面,那么这就是您所需要的。