テキストを配列に分割する

Question

私のテキスト領域（inputbox div）でテキストを分割（配列に変換）し、resultという名前のdiv idで表示したいですか？

var txtBox = document.getElementById("inputbox"); 
 
var lines = txtBox.value.split("\n"); 
 
// print out last line to page 
 
var blk = document.getElementById("result"); 
 
blk.innerHTML = lines[lines.length - 1];

<div id="result"></div> 
 
<div id="singleQuote"></div> 
 
<div id="inputbox" style="width: 710px;color: #ffffff;background: activecaption"> 
 
    On the other hand, 
 
    <br/>we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of 
 
</div>

Answer 1

、このいずれかを確認してください。 valueをinnerTextに変更する必要があります。あなたがあなたの代わりに\n\rか\r\nの\nに分割しようとしている私の意見ではdivないinput

var txtBox = document.getElementById("inputbox"); 
 
var lines = txtBox.innerText.split("\n"); 
 
// print out last line to page 
 
var blk = document.getElementById("result"); 
 
blk.innerHTML = lines[lines.length - 1];

<div id="result"></div> 
 
<div id="singleQuote"></div> 
 
<div id="inputbox" style="width: 710px;color: #ffffff;background: activecaption"> 
 
    On the other hand, 
 
    <br/>we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of 
 
</div>

Answer 2

にアクセスしているので、それはある... 別の奇妙なことは、それだけで作品ですinnerText用;）

var txtBox = document.getElementById("inputbox"); 
 
var lines = txtBox.innerText.split(/[\n\r]/g); 
 

 
// print out last line to page 
 
var blk = document.getElementById("result"); 
 
blk.innerHTML = lines[lines.length - 1];

#result { 
 
    background-color: green; 
 
} 
 

 
#inputbox { 
 
    background-color: black; 
 
    color: white; 
 
}

<div id="result"></div> 
 
<div id="singleQuote"></div> 
 
<div id="inputbox"> 
 
    On the other hand, 
 
    <br/>we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of 
 
</div>

Answer 3

split（） javascript関数。例

str = "abc\ndef"; 
console.log(str.split("\n")); 

については

は

["abc", "def"]