JavaScript通过.value或.innerHTML获取TextArea输入？
关于JavaScript通过.value或.innerHTML获取TextArea输入，我们可以从以下几个方面进行详细解答：
- 获取TextArea输入的方法：
JavaScript提供了两种方法来获取TextArea输入：
- 使用
.value属性：.value属性可以获取TextArea中的文本内容，包括换行符、空格等。 - 使用
.innerHTML属性：.innerHTML属性可以获取TextArea中的HTML代码，但不包括换行符和空格。
- 优势和应用场景：
- 使用
.value属性可以更好地获取TextArea中的文本内容，包括换行符和空格等，适用于需要处理文本内容的场景。 - 使用
.innerHTML属性可以获取TextArea中的HTML代码，适用于需要处理HTML代码的场景。
- 推荐的腾讯云相关产品：
- 腾讯云云服务器：提供可靠的服务器托管服务，可以搭建自己的服务器环境，支持各种操作系统和服务器类型。
- 腾讯云数据库：提供MySQL、MongoDB、Redis等多种数据库服务，可以满足不同应用场景的数据存储需求。
- 腾讯云API网关：提供API管理服务，可以帮助用户更好地管理API接口，保证API的安全和稳定。
腾讯云相关产品介绍链接地址：
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云API网关：https://cloud.tencent.com/product/tga
总结：
JavaScript通过.value或.innerHTML获取TextArea输入，分别可以获取TextArea中的文本内容和HTML代码。使用.value属性可以更好地获取文本内容，而使用.innerHTML属性可以获取HTML代码。腾讯云提供了多种相关产品，可以满足不同应用场景的需求。
相关·内容
有没有办法获得用户输入数据的表单域的结果HTML？例如，我似乎只能使用innerHTML检索类似以下内容：
<input type="text" />
<textarea></textarea>
但我想要这样的东西：
<input type="text" value="John Smith" />
<textarea>Hello! How are you today?</textarea>
编辑：
下面是最小可重现示例的代码：
function go() {
aler
浏览 1提问于2021-09-17得票数 0
使用下面的代码，任何超过指定最大值的输入都将被删除。但这会产生一种效果，即输入一个字符，然后立即删除。我更喜欢简单地防止字符被输入。
<textarea id="textarea" onKeyDown="limitText()" onKeyUp="limitText()">
</textarea>
<span name="charcount_text" id="charcount_text"></span>
<script type="text
浏览 6提问于2015-05-06得票数 2
回答已采纳
我有一个你自己的文本编辑器，可以让你改变textarea元素的一部分。我想让它与span元素一起工作。我对span没有特别的依恋。它的目标很简单，就是让人编辑html而不是一个文本区域。我让它在IE中工作得很好，但在Mozilla上遇到了一些问题。
因为我使用跨度而不是表单输入，所以我使用innerHTML而不是值。但是，我似乎不能让selectionStart和selectionEnd函数在innerHTML上工作，而不是在value上工作。
下面是运行良好的textarea代码……
html
<textarea id="textarea>Some text goes h
浏览 0提问于2012-12-14得票数 7
回答已采纳
3回答
我有一些TextAreas
<textarea>Default Value</textarea>
<textarea>Default Value</textarea>
用户输入一些文本，我希望在JavaScript中获得他们的新值：
$('textarea').each(function(index, item) {
alert(item.value);
});
这听起来很简单，但我得到的都是“默认值”。
我试过了：
item.nodeValue,
item.textContent,
item.innerHTML. i
浏览 0提问于2012-06-09得票数 1
我对innerHTML和getElementsById()；方法有一个问题，但我不确定这两个方法是否是我有问题的根源。
下面是我的代码：
<script type="text/javascript">
function clearTextField(){
document.getElementsById("commentText").value = "";
};
function sendComment(){
var commentaire = document.g
浏览 2提问于2012-09-13得票数 0
如何制作自己的javascript控制台...(if input == example) {不打印任何示例}
或者，如果表单输入为==，则javascript打印文本
模板：
<div class="main">
<p id="result"></p>
<textarea cols="40" id="SearchText" rows="1"></textarea>
<button onclick="myFunction()" t
浏览 32提问于2018-07-04得票数 -1
我想限制用户在文本区域中输入10个字符，并在用户接近限制时通知用户。为此，我设置了文本区域的maxLength属性，并使用一些javascript在输入字符时更新标签。
但是我的javascript没有正确地计算新行。或者至少它不会以与textarea元素相同的方式计算它们。如果我输入下面的示例输入，我的javascript将计算出使用了6个字符，并输出剩余的4个字符，但是textarea不允许更多的输入。
示例输入:输入'D'，按return键4次，输入'D'：
D
D
(我实际上允许超过10个，但较低的数字更好地说明了问题)
function li
浏览 2提问于2015-05-08得票数 2
可能重复：
我想让用户能够在这样的文本区域中输入JavaScript：
<!DOCTYPE html>
<html>
<head>
<script>
function lapzwans()
{
var d = document.getElementById("area").value;
document.getElementById("blahblah").innerHTML = d;
}
浏览 3提问于2012-11-02得票数 3
回答已采纳
3回答
我计划通过innerHTML显示我的输出，但是javascript似乎不能像我想要的那样显示我的输入。当用户在表单中输入输入时，我希望使用innerHTML显示输入。
我的尝试输出只是在一个类似于以下内容的正常列表中：
致学生
输出1输出2输出3
到组织者
k1k2k5
<html>
<head>
<title>part b</title>
<style>
table, th, td {
border: 1px solid black;
}
</sty
浏览 4提问于2021-06-08得票数 0
回答已采纳
1回答
如何循环遍历数组，并在没有用户输入复制的情况下显示具有索引的用户输入？
我得到的当前输出：
反馈1
123456
反馈2
123456
以下情况的预期产出应是：
反馈1
123
反馈2
456
<!DOCTYPE html>
<html>
<head>
<script src="script.js" type="text/javascript"> </script>
</head>
<body>
<h2>Feedb
浏览 5提问于2022-01-26得票数 -1
我看到了一些页面，在这些页面中，我们可以输入文本区域，并相应地显示一个输出，其中没有按钮单击，参见这里的示例。
如何在下面的代码中应用此类型？html：
<textarea id="source" placeholder="Text Entry."></textarea>
<p id="result"> </p>
Javascript
function myFunction()
{
var str = document.getElementById('source').value
浏览 3提问于2014-03-15得票数 2
回答已采纳
2回答
我使用javascript来改变这个表单的外观，这样当你点击一个单选按钮的时候，"Body“输入字段的大小就会改变。问题是，只有当没有单选按钮被点击，或者当我在其中一个输入中输入“选中”时，它才起作用，在这种情况下，它只对选中的输入类型起作用。代码如下：
<form action='add_note' method="POST">
Title <input type="text" name="title" /><br />
Body
<div id=&#
浏览 1提问于2012-01-13得票数 1
我正在尝试制作一个javascript按钮，可以删除HTML表单域中的所有空格。 如果我不先在字段中输入，它只会起作用一次。我不明白为什么。 <html>
<head>
</head>
<body>
<form>
<textarea id="gcode" name="gcode" rows="20" cols="100"placeholder="Write your GCODE here...">N100 G20
N102 G
浏览 13提问于2019-07-02得票数 0
回答已采纳
3回答
我在JavaScript中遇到了一点小问题。我在做一个画廊页面。有一个带有"Onclik“的图标，它调用函数"comment”。
function comment() {
var div = document.getElementById("commentdiv");
var input = document.createElement("textarea");
var btn = document.createElement("BUTTON");
var t = document.createTextNode("ADD
浏览 2提问于2016-10-08得票数 0
我刚开始学习Javascript。关于TextCounter，我有两个问题&触发器innerHTML。
下面的代码，如何分别为两个输入触发innerHTML？
为什么警报信息是“结束！”还在删除文本区域中的单词数时显示吗？
有人能帮忙吗？非常感谢！
<html>
<head>
</head>
<body>
<form>
<textarea name="line01" rows="3" style="width:340px;"
onK
浏览 4提问于2017-04-21得票数 2
回答已采纳
3回答
我是javascript的新手。这是我的代码
<script>
function text_input_type(type)
{
if(type=='list'){
document.getElementById("note_input").innerHTML="<input type=\"text\" name=\"body\">";
}
else{
document.getElementById("note_input").innerHTML="<texta
浏览 0提问于2011-12-29得票数 0
回答已采纳
我对javascript很陌生，刚开始学习。这里我有一个计算字符的javascript。
Javascript
function CheckFieldLength(fn,wn,rn,mc) {
var len = fn.value.length;
if (len > mc) {
fn.value = fn.value.substring(0,mc);
len = mc;
}
document.getElementById(wn).innerHTML = len;
document.getElementById(rn).innerHTML = mc -
浏览 0提问于2017-05-15得票数 6
回答已采纳
相对来说，我对javascript比较陌生，我正试图在按键上获取文本区域中的最后一行文本。这个是可能的吗？我的密码在下面。
const textarea = document.getElementById('textarea');
textarea.addEventListener("keydown", (event) => {
if (event.code != 13) {
return "Enter key was not pressed"
}
else if(event.code === 13) {
//
浏览 6提问于2022-11-07得票数 1
回答已采纳
我得到了一个包含以下代码行的.ctp网页：
<script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
theme : "simple",
mode : "textareas",
convert_urls : false
});
</
浏览 0提问于2010-07-06得票数 0
回答已采纳
1回答
当按下enter键时，如何获得内容？
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax(Mode) {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('te
浏览 0提问于2013-05-16得票数 0
5回答
我正在创建一个应用程序，当条形码被扫描时，它会告诉你产品的价格。基本上，当条形码被扫描时，它进入文本字段，然后根据它是哪种条形码，文本区域将通过javascript将价格输入其中。我已经让它工作了，但是我似乎不能创建一个特定的变量来节省我以后查看大量代码的时间。
下面是我的javascript：
function showPrice() {
var userInput = document.getElementById('barcode').value;
var price = document.getElementById('textarea'
浏览 0提问于2013-03-02得票数 2
回答已采纳
我尝试了这段代码，当我第一次运行start时，我得到了"1小于2“的结果，但是在将第一个输入更改为10并再次单击start之后，它仍然显示"10小于2”。我在这里做错什么了吗？
<textarea type="number" id="one">1</textarea>
<textarea type="number" id="two">2</textarea>
<a href="#" onclick="start()">St
浏览 5提问于2021-11-26得票数 1
我有这个简单的脚本，打印网页的一部分。但是，它不打印用户输入。
我的目标是只打印表单和用户输入，而不是网页的其余部分。
我不想使用css；只想使用js/jQuery和html。
我的问题是:如何打印各种表单输入元素，包括用户输入？
HTML：
<div id="print-content">
<textarea>Print User Input</textarea>
<input type="button" onclick="printDiv('print-content&
浏览 2提问于2018-11-21得票数 0
3回答
答:发送至@Traktor53 53和@PHPglue
我的网页有一个输入html代码的textarea和一个输入css的textarea。结果显示在div中。
<textarea id="c" placeholder="CSS code here..." rows="10" cols="50">
//What the user enters here will become a new <style> tag
</textarea>
<div id="pane">
浏览 10提问于2016-09-30得票数 0
回答已采纳
3回答
我试着用javascript填充一个textarea，问题是我发现textarea没有值标签，而且<textarea ..></textarea>也不是一个选项，因为我不能在javascript中使用它。
编辑：
content.document.getElementsByName("cr-work-desc0").innerHTML = "125645";
content.document.getElementsByName("cr-work-urls0").textContent = "this is some
浏览 0提问于2013-06-12得票数 11
回答已采纳
我在用Kotlin语言进行Javascript的转换。
当文本区域发生变化时，我有这个函数来编辑div的内容。
fun doStuff()
{
val div = document.createElement("div") as HTMLDivElement
val textarea = document.createElement("textarea") as HTMLTextAreaElement
textarea.onchange = {
div.innerHTML = "5"
}
浏览 0提问于2018-10-07得票数 3
回答已采纳
我有一个文本区，我将在其中手动输入Json对象，我想将其转换为javaScript对象并将其打印到表中。我试过了，但还是弄不明白。(仅限javaScript )。出于演示目的，我尝试将其打印在段落中。
function addJson(){
var textAreaValue = document.getElementById('jsonTextArea').value;
var jsObject = JSON.parse(textAreaValue);
document.getElementById("demo").innerHT
浏览 6提问于2017-07-27得票数 0
我正在开发一个使用PHP和JavaScript的虚拟键盘。以下是最简单的版本。
<html>
<head>
<link type="text/css" rel="stylesheet" href="styles.css"/>
<script type="text/JavaScript" >
function insert( s )
{
document.getElementById('comment').innerHTML+=
浏览 0提问于2011-09-07得票数 1
2回答
我试图弄清楚如何在文本区域中添加所选输入按钮的值。
这是我要调用操作的输入按钮：
<a href="javascript:addHTD();" onClick="marklapH()"><input type="button" id="scorebutton" value="TD"></a>
<a href="javascript:addHPT();" onClick="marklapH()"><input type="b
浏览 6提问于2013-05-11得票数 0
我是个新手。下面是我的代码：
<html>
<head>
<script type="text/javascript">
function replyOne () {
document.getElementById("comment_content").value = document.getElementById("username")
}
</script>
</head>
<body>
<
浏览 0提问于2013-04-22得票数 7
回答已采纳
1回答
jquery中的当前对象值
、、、、
全,
在下面的代码中如何编辑当前添加的值，即在编辑功能中如何获取td .Also中的值如何检查重复项。
<script type="text/javascript">
function edit(obj)
{
// var ele= obj.parentNode ;
alert(obj.innerHTML);
var htm = '<textarea name="modal" id="modal" rows="10" cols="10"
浏览 2提问于2010-03-23得票数 0
我知道这类问题可能问了很多次，但我相信这个问题与所有问题都不一样。我在服务器端有一个输入TextArea控件，我试图删除所有内联脚本或html注入。我通过这样做可以去掉脚本标签-
$(document).ready(function () {
$('#btnHTML').click(function () {
var textarea = document.getElementById("txtar1");
var stringOfHtml = textarea.valu
浏览 0提问于2020-03-09得票数 4
回答已采纳
1回答
我是一个javascript新闻，所以在这件事上的任何帮助将不胜感激！
我试图让用户提交的数据后，提交回来。我有一个javascript函数，它用另一个表单替换。一种堆栈溢出用户帮助我创建了这个函数。
function Vanish(event) {
event.preventDefault();
// Specify the id of the form.
var IDofForm = "quest";
// Specify the id of the div containing the form.
var IDofDivWithForm = "questio
浏览 6提问于2015-03-23得票数 0
回答已采纳
1回答
这是我的代码，它在插入的情况下工作很好，但是如果更新的话，它就不能正常工作了。
当插入计数器时，只要输入任何内容，它就会显示0/500，但它将0替换为我输入的字符数(变为50/500)。
但是如果更新这个textarea已经填充了50个字符；在这种情况下，它的光标焦点仍然在0/500上，但是当我单击其他地方时，我的意思是当textarea失去焦点时，它会显示正确的值。
<textarea class="input-text" rows="5" id="gBann" name="reason" maxlength="5
浏览 1提问于2016-10-01得票数 0
回答已采纳
4回答
<form>
<textarea name="test" value="no">
hi
</textarea>
<input type="submit" />
</form>
嗨还是不好，原因是什么？
我问这个问题是因为我看到javascript编辑器在提交时使用textarea.value = html;来恢复内容，如果value属性无用，他们为什么要这样做呢？
浏览 0提问于2009-12-11得票数 6
回答已采纳
我对它有点陌生，但我有一个输入字段，用户可以在其中输入一个字符串，我需要它根据字符串的数值和非数值部分拆分到正确的最后一个字段中，无论我在运行时做什么，它都只通过第一个IF语句，而不考虑长度，这是我的IF语句的标准 <pre>
<p>Click the button to extract characters from the string.</p>
<p id="demo1"></p>
<form>
<input id="userInput"><br>
浏览 20提问于2020-12-08得票数 0
我正在尝试从html输入按钮加载外部javascript。然而，当我点击按钮时，我没有得到输出或响应。不过，我在控制台中确实收到了一条消息，即脚本已经加载。HTML：
<div class="split left">
<fieldset class="Receiver Commands">
<legend>Receiver Commands</legend>
<input type="button" value="click me" id="cl
浏览 0提问于2018-11-26得票数 1
回答已采纳
大家好，我在一个项目中，我想要更改html字段的值，例如textarea复选框等等。
我的javascript文件变量有一些值，如何将varible的值分配给外部html文件的字段。
任何帮助都应该受到感谢，对我有很大的帮助.
var profiledata;
var ushurCallbackGetProfile = function (response) {
profiledata = response;
alert(profiledata);
// in the above "profiledata" i get some value like "HAI&
浏览 9提问于2014-05-22得票数 0
回答已采纳
我有一个html代码，其中我希望输入textbox中输入的文本被作为输入，保存到对象中，并在输入模拟textarea时被匹配为keyword。
示例：
<tr>
<td>KEYWORD:</td>
<td><input type="text" name="key_word" value="" id="tm"></td>
</tr>
输入文本的文本区域：
<div class="container">
<
浏览 0提问于2019-05-12得票数 0
1回答
我有这样的代码：
<script type="text/javascript">
function GetChar(event) {
var chCode = ('charCode' in event) ? event.charCode : event.keyCode;
if (chCode == 13) {
var textBox = document.getElementById('TEXTBOX');
alert("The text
浏览 0提问于2013-09-01得票数 2
回答已采纳
2回答
我只是想写一段简单的代码来打印用户的输入。这就是我所拥有的：
<script type="text/javascript">
function displayText() {
var input = document.getElementById('input').value;
document.getElementById('p').innerHTML = input;
}
}
</script>
和
<font face="arial"
浏览 1提问于2011-05-29得票数 0
回答已采纳
我在超文本标记语言中有一个文本区，我希望有人能够在其中输入JavaScript代码并运行该代码。
有什么简单的方法可以做到这一点吗？我只想用HTML和JavaScript来做这件事，所以没有jQuery。下面是我的一些代码。
<!DOCTYPE html>
<html>
<head>
<title>PlayBox</title>
<style></style>
</head>
<body>
<div id="codeOutcome"><
浏览 0提问于2020-11-24得票数 3
2回答
我想听输入，当用javascript单击空格时，空格前面的单词将被包装成看起来像标签。 它应该像下面的“公共问题”中的“标签”一样。到目前为止的代码： html： <label for="subtypes" id="subtypes_label"><b>Restaurant subtypes</b></label>
<textarea type="text" name="subtypes" class="form-control w-50 p-3" id=&#
浏览 19提问于2020-01-02得票数 0
回答已采纳
<div id="content">
<h1>Redigeringsbara stycken</h1>
<p class="editable">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ulla
浏览 1提问于2011-05-28得票数 0
我使用一个文本区域显示时间，使用一个输入字段获取一个数字，并使用一个按钮来执行该函数：
<textarea name="demo" id="demo"></textarea><br>
<input type="number" id="seconds" name="seconds"></p><br>
<button type="button" name="refresh" onclick="r
浏览 7提问于2022-05-12得票数 0
回答已采纳
3回答
我正在使用一个javascript函数，它从<input type="text" />中获取一个值，然后将其写成文本，而不是输入。我使用innerHTML来做这件事，它工作得很好。
我的问题是:如何使用CSS类来编辑用innerHTML编写的文本的颜色和大小
var element = document.getElementById("element");
var value = document.getElementById("value").value;
element.innerHTML = value;
谢谢!
浏览 0提问于2012-02-01得票数 0
回答已采纳
2回答
网址: www.ualr.org/acsindle/join.html
<script language="javascript" type="text/javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block"
浏览 1提问于2011-12-08得票数 0
回答已采纳
1回答
我正在尝试创建一个函数，它将检查用户的输入，如果它有管理员的输入。即使不正确，它也会继续显示正确，但当我硬编码用户输入和管理员的值时，它会检查输出是否正确。我希望用户输入值，并检查它是否正确或错误。 var str = document.getElementById('user');
var str2 = document.getElementById('admin');
var reg = new RegExp(str2.value, "i");
var result = str.value.match(reg);
function s
浏览 27提问于2021-10-31得票数 1
当我想在地址栏中输入以下代码时，控制台会生成Uncaught SyntaxError: Unexpected identifier。如果使用var而不是lets，则为Uncaught SyntaxError: Unexpected token 'var'。但是，在控制台上运行可以正常工作。 javascript:function myFun(){
let text = document.getElementsByClassName('mdui-textfield-input')[1].innerHTML.match(/(?<=src=\").*?
浏览 15提问于2021-08-04得票数 0
1回答
我已经创建了一个QR代码生成器。用户可以创建多个QR代码。
我希望用户能够命名每个QR代码(称为检查点)，方法是在text input字段中写入所需的检查点名称，单击Assign Name按钮并使文本input字段消失，由用户在字段中键入的名称替换。
用户可以输入检查点名称，但是，它只适用于打印的第一个QR代码，而label只出现在QR代码下面。下面是我到目前为止的代码。任何帮助或建议，以帮助我让球滚动，这将是非常感谢。谢谢!
注意：如果您试图运行这个以查看QR代码，则必须在文本字段中输入一些内容并按generate。它们不会自动出现。
<!DOCTYPE html>
<ht
浏览 0提问于2018-07-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
