javascript - 如何让一行中每个单词的字母大写？

Question

这个问题已经有答案了:

How to capitalize first letter of each word, like a 2-word city? [duplicate] (4 个回答)

已关闭 4 年前。

我正在设置一个新服务器，并且希望在我的 Web 应用程序中完全支持 UTF-8。如何使连续每个单词的字母大写？当我输入文本时，我希望每个单词都有一个大写字母示例: 输入:daniel is big king 输出:Daniel Is Big King。我不知道我错过了什么示例: 输入:daniel is big king 输出:Daniel is big king。只有第一个单词的首字母较大

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>