如何拥有连续每个单词的大写字母?

Question

我正在设置一个新服务器，并希望在我的 Web 应用程序中完全支持 UTF-8。如何拥有连续每个单词的大写字母？ 当我输入文本时，我希望每个单词都有一个大写字母 示例：输入：丹尼尔是大王 输出：丹尼尔是大王。 我不知道我错过了什么 示例：输入：但以理是大王 输出：丹尼尔是大王。 只有第一个单词有一个大的首字母

testfunction = () => {
var inputtext = document.getElementById('inputtext').value;
var operation = inputtext.charAt(0).toUpperCase() + inputtext.slice(1);
console.log(operation);
}

<input type="text" id='inputtext'>
<button onclick="testfunction()">
Try it
</button>

Answer 1

您可以使用css 属性text-transform: capitalize;

testfunction = () => {
var inputtext = document.getElementById('inputtext').value;
var operation = inputtext.charAt(0).toUpperCase() + inputtext.slice(1);
document.getElementById('testview').innerHTML = operation;
}

#testview {
text-transform: capitalize;
}

<input type="text" id='inputtext'>
<button onclick="testfunction()">
Try it
</button>
<br>
<span id='testview'>
</span>