Javascript 将CSS3中的每个单词大写

我从数据库中得到一个字符串，它全部以大写格式存储，如

这是TEST

，但我需要以大写格式

这是TEST

我尝试将两种文本转换组合为小写和大写，如下所示

<span class="lowercase capitalize">THIS IS TEST</span>

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

这是测试
.小写{
文本转换：小写；
}
.资本化{
文本转换：大写；
}

但它没有起作用！你能告诉我我做错了什么吗？ 谢谢

试试这个

.example {
    text-transform:initial;
}

摆脱这个

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

当然要改变这一点

<span class="lowercase capitalize">THIS IS TEST</span>

这是测试

对此

<span class="example">THIS IS TEST</span>

这是测试

CSS无法选择文本节点，因此无法检测单词是否已开始

CSS

文本转换

属性仅作用于元素的开头（

大写

）或作为一个整体（

大写/小写

）。但是，您可以采用JavaScript方法来实现您的解决方案

您可以在每个空格后拆分文本以检测单词，然后将其包装在

中。之后，使用CSS使用

text transform:capitalize

为每个

span

标记设置样式

var text=document.getElementById（'text'）.textContent.toLowerCase（）；//把句子转换成小写
var newText=document.getElementById（'new-text'）；
var word=text.split（“”）；//把句子分成一系列单词
对于（i=0；i

.capital{
文本转换：大写；
}

这是测试

只要用这个就行了--- 删除类之间的空格，如下所示-

。小写大写{
文本转换：大写；
}

---

这是一个测试

您想在

标题框

中显示文本。是吗？我不确定标题的大小写是什么，但我需要得到这样的结果：

这是测试它为什么不起作用：
。小写的和
。大写的具有相同的特殊性，但是第二个在源文件的后面，所以span的属性值是
大写的（在理解它的浏览器中，不理解它的浏览器将忽略
.capitalize
中的属性）。