使用JavaScript将每行的首字母大写(Capitalize first letter of each line using JavaScript)

使用JavaScript将每行的首字母大写(Capitalize first letter of each line using JavaScript)

我想知道如何利用JavaScript中的第一个字母大写，就像在这个PHP代码中一样：

<?php $textParts = explode("\n", $text); foreach ($textParts as $key => $value) { $textParts[$key] = ucfirst($value); } $text = implode("\n", $textParts); $text="namjaga da geureochi mwo narago dareugetni ni mameul da gajyeodo naragabeorigo maneun namjaga da geureochi mwo" ?> <p> <?php echo $text; ?> </p>

在JS中，我在转换后将文本转换为“Roman”DIV：

<div id="Roman"> </div> <script> <?php include("../../tools/js/romantool.js"); ?> function affichar() { document.getElementById('Roman').innerHTML = latin_to_roman( document.getElementById('Parol').innerHTML ); } affichar(); </script>

有谁知道我应该如前面的PHP示例那样继续做什么？ 谢谢 ！

I'd like to know how I could capitalize the first letter of a row in JavaScript like in this PHP code :

<?php $textParts = explode("\n", $text); foreach ($textParts as $key => $value) { $textParts[$key] = ucfirst($value); } $text = implode("\n", $textParts); $text="namjaga da geureochi mwo narago dareugetni ni mameul da gajyeodo naragabeorigo maneun namjaga da geureochi mwo" ?> <p> <?php echo $text; ?> </p>

In JS, I get the text into the "Roman" DIV after a tranformation :

<div id="Roman"> </div> <script> <?php include("../../tools/js/romantool.js"); ?> function affichar() { document.getElementById('Roman').innerHTML = latin_to_roman( document.getElementById('Parol').innerHTML ); } affichar(); </script>

Does anyone know how I should proceed to do as in the previous PHP example ? Thank you !

最满意答案

事实上，到目前为止，我会在两个建议的答案之间找到答案。 我会使用javascript来替换带有标签的换行符，该标签将在文本周围添加结构，例如

var str = document.getElementById('Parol').innerHTML; str = '<span>' + str.replace(/(?:\r\n|\r|\n)/g, '</span><span>') + '<span>'; document.getElementById('Roman').innerHTML = str;

而不是使用CSS以任何方式设置样式，你的情况就是如此

span { display: block; } span:first-letter { text-transform: uppercase; }

这是一个小提琴

http://jsfiddle.net/58qkwezk/1/

在文本中添加结构将有助于您更轻松地操作它

In fact I would go right in between the two suggested answers so far. I would use javascript to replace the line breaks with a tag that will add structure around text e.g.

var str = document.getElementById('Parol').innerHTML; str = '<span>' + str.replace(/(?:\r\n|\r|\n)/g, '</span><span>') + '<span>'; document.getElementById('Roman').innerHTML = str;

And than style it in whichever way you want using CSS, your case would be

span { display: block; } span:first-letter { text-transform: uppercase; }

Here's a fiddle

http://jsfiddle.net/58qkwezk/1/

Adding structure to your text will help you manipulate it much easier