下面是使用CSS(和javascript，如果你想转换的文本是大写的)的另一个解决方案:

html

<span id='text'>JOHN SMITH</span>

js

var str = document.getElementById('text').innerHtml;
var return_text = str.toLowerCase();

css

#text{text-transform:capitalize;}

这是一行解决方案，如果你想转换字符串中的每个工作，用“”分割字符串，遍历部分并将此解决方案应用到每个部分，将每个转换的部分添加到一个数组中，并与“”连接。

var stringToConvert='john'; stringToConvert = stringToConvert.charAt（0）.toUpperCase（） + Array.prototype.slice.call（stringToConvert， 1）.join（''）; console.log（stringToConvert）;

我们已经在办公室进行了讨论，我们认为试图自动纠正人们输入姓名的方式，以您希望的方式进行，这可能充满了问题。

我们已经提出了几种不同类型的自动大写不成立的情况，这些仅仅是英语名称，每种语言都有自己的复杂性。

每个名字首字母大写的问题:

•像IBM这样的首字母缩写不允许输入，会变成IBM。

•McDonald这个名字会变成McDonald，这是不正确的，同样的东西也是MacDonald。

•像Marie-Tonks这样的双筒名字会变成Marie-Tonks。

O 'Connor这样的名字会变成O 'Connor。

对于其中的大多数，你可以编写自定义规则来处理它，然而，这仍然与以前的缩略语有问题，你会得到一个新的问题:

•添加一个规则来修复Mac的名称，如MacDonald，将打破名称，如Macy，将其变成Macy。

我们提出的唯一解决方案是永远不会不正确的是大写每一个字母，这是一个蛮力的方法，DBS似乎也使用。

因此，如果你想自动化这个过程，没有一个字典，每个名字和单词，以及它应该如何大写，这是不可能的。如果你没有一个规则，涵盖一切，不要使用它，因为它只会惹恼你的用户，并提示那些想要正确输入他们的名字的人去其他地方。

如果你想使用NPM库，请查看title-case:

安装:

npm install title-case --save

用法:

import { titleCase } from "title-case";

titleCase("string"); //=> "String"
titleCase("follow step-by-step instructions"); //=> "Follow Step-by-Step Instructions"

将单个单词转换为标题大小写的简单方法

使用“切片”方法和字符串拼接

str.slice(0, 1).toUpperCase() + str.slice(1, str.length)

*如果你想要小写单词的其余部分，在结尾添加.toLowerCase()

使用ES6扩展操作符、映射和Join

[...str].map((w, i) => i === 0 ? w[0].toUpperCase() : w).join('')

下面是使用CSS(和javascript，如果你想转换的文本是大写的)的另一个解决方案:

html

<span id='text'>JOHN SMITH</span>

js

var str = document.getElementById('text').innerHtml;
var return_text = str.toLowerCase();

css

#text{text-transform:capitalize;}