Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript(使用生成的内容)处理单个字母_Javascript_Css_Selector - Fatal编程技术网

使用JavaScript(使用生成的内容)处理单个字母

使用JavaScript(使用生成的内容)处理单个字母,javascript,css,selector,Javascript,Css,Selector,我有一个锚标记,它是用Wordpress从数据库生成的,客户端使用的字体字距很差。我需要能够选择锚链接上的单个字母,并向生成的文本中的某些字母添加右边距CSS值 如何使用Javascript选择文本的第二、第三、第四个字母等,然后添加右边距值?我真的不知道从哪里开始 var anchorTag = document.querySelectorAll(".taxonomy a"); 注意-我没有访问HTML的权限,因此无法将字母包装在span元素等中。如果可能,我需要找到一种使用JavaScri

我有一个锚标记,它是用Wordpress从数据库生成的,客户端使用的字体字距很差。我需要能够选择锚链接上的单个字母,并向生成的文本中的某些字母添加
右边距
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访问”。如果您可以将脚本注入页面,那么这就是您所需要的。