如何使用innerHTML和javascript打印textarea中的每一行_Javascript_Jquery_Html_Dom_Document.write

如何使用innerHTML和javascript打印textarea中的每一行

javascript jquery html dom

如何使用innerHTML和javascript打印textarea中的每一行,javascript,jquery,html,dom,document.write,Javascript,Jquery,Html,Dom,Document.write,例如，如果我在textarea中有以下文本： <textarea rows="20" cols="50" id="targetTextArea"> How to print each line from textarea using innerHTML and javascript </textarea> 提前谢谢我所有的html页面内容如下。我想学习如何在同一页上打印文本区中的内容 <html> <body> Print the

例如，如果我在textarea中有以下文本：

<textarea rows="20" cols="50" id="targetTextArea"> 
How to 
print each 
line from 
textarea using 
innerHTML and 
javascript
</textarea>

提前谢谢

我所有的html页面内容如下。我想学习如何在同一页上打印文本区中的内容

<html>
<body>
Print the contents of textarea as is inside html page
<br/>
<textarea rows="20" cols="50" id="targetTextArea">
How to 
print each 
line from 
textarea using 
innerHTML and 
javascript
</textarea>
<br/>
<button type="button" onclick="printonpage()">Print on Page</button>
</body>
</html>


按html页面内的内容打印textarea的内容


如何
打印每个
来自
文本区域使用
innerHTML和
javascript


打印在第页上

您可以使用

值

属性将文本移出文本区域。然后用所需的文本替换每个换行符

函数printonpage（）{
var text=document.getElementById（'targetTextArea'）；
var val=text.value；
var arr=val.split（“\n”）；
arr=arr.slice（0，arr.length-1）；
var newText=“Read”+arr.join（
Read”）；
var output=document.getElementById（'output'）；
output.innerHTML=newText；
}

按html页面内的方式打印textarea的内容


如何
打印每个
来自
文本区域使用
innerHTML和
javascript


打印在第页上

您可以使用以下代码执行相同的操作。此代码使用innerHTML和javascript

var textareastext=”“+document.getElementById（'targetTextArea'）。value+“”；
document.getElementById（'innerhtml'）。innerhtml=textareastext；
document.getElementById（'targetTextArea'）。style.display='none'；
window.print（）

如何
打印每个
来自
文本区域使用
innerHTML和
javascript
看看这个。（我用过jQuery）
通过方法.html（）
获取innerHTML
使用regex/\n/
（换行符）拆分它
用附加的“Read”
连接子字符串
提醒最后的结果
下面是片段

$（'click'）。单击（函数（）{
var text=$（'#targetTextArea'）.html（）；
变量行=text.split（/\n/）；
var finalText=“”；
对于（i行）{
finalText=finalText+'Read'+行[i]+'\n'；
}
警报（finalText）；
});

如何
打印每个
来自
文本区域使用
innerHTML和
javascript
您必须首先创建并显示自己的编码尝试。向我们展示代码，您迄今为止尝试了什么？norbert，我刚刚用迄今为止的代码更新了我的帖子。我想知道是否有一个解决方案可以让我得到我想要的。我还没有尝试编写任何javascript。看起来有一些人已经回答了我的问题，他们认为可以。只是出于好奇，你为什么要做arr=arr.slice（0，arr.length-1）？删除在“javascript”之后出现的最后一个换行符。
<html>
<body>
Print the contents of textarea as is inside html page
<br/>
<textarea rows="20" cols="50" id="targetTextArea">
How to 
print each 
line from 
textarea using 
innerHTML and 
javascript
</textarea>
<br/>
<button type="button" onclick="printonpage()">Print on Page</button>
</body>
</html>