如何一次动态地将文本区域添加到页面？
要一次动态地将文本区域添加到页面，可以通过以下步骤实现：
- 创建一个文本区域元素：使用HTML的
<textarea>标签创建一个文本区域元素，并设置相应的属性，如id、name、rows、cols等。 - 获取页面中的目标元素：使用JavaScript的DOM操作，通过元素的id或其他属性获取要添加文本区域的目标元素。
- 创建文本节点：使用JavaScript的
document.createTextNode()方法创建一个文本节点，将要添加的文本内容作为参数传入。 - 创建换行节点：使用JavaScript的
document.createElement()方法创建一个换行节点，使用<br>标签作为参数。 - 将文本节点和换行节点添加到文本区域元素：使用文本区域元素的
appendChild()方法，将文本节点和换行节点依次添加到文本区域元素中。 - 将文本区域元素添加到目标元素：使用目标元素的
appendChild()方法，将文本区域元素添加到目标元素中，即将文本区域动态地添加到页面。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>动态添加文本区域</title>
</head>
<body>
<div id="target"></div>
<script>
// 获取目标元素
var targetElement = document.getElementById("target");
// 创建文本区域元素
var textareaElement = document.createElement("textarea");
textareaElement.id = "myTextarea";
textareaElement.name = "myTextarea";
textareaElement.rows = 4;
textareaElement.cols = 50;
// 创建文本节点和换行节点
var textNode = document.createTextNode("这是动态添加的文本区域");
var brNode = document.createElement("br");
// 将文本节点和换行节点添加到文本区域元素
textareaElement.appendChild(textNode);
textareaElement.appendChild(brNode);
// 将文本区域元素添加到目标元素
targetElement.appendChild(textareaElement);
</script>
</body>
</html>这样，就可以一次动态地将文本区域添加到页面中。
相关·内容
1回答
有人知道如何在React中编写代码吗？或者给我指点文档？ 我正在创建一个论坛，希望为用户提供编辑他/她的评论的能力。我已经成功地构建了后端，但在将功能添加到前端时遇到了麻烦。当用户点击编辑按钮时，我希望在评论最初出现的地方打开一个文本区。这是一张超级简单的图片： ? 我一直在寻找文档或以前的帖子，但没有任何运气。 提前谢谢你。
浏览 12提问于2020-09-07得票数 0
所以我有一个使用JavaScript来动态添加<textarea>的页面。我需要这些文本区来使用tinyMCE。我正在使用tinyMCE v4。基本上，人们从下拉列表中选择他们想要输入的文本。一旦他们选择它，就会生成文本区。placeholder': this.placeholder_text,因此，在这一点上，我可以单击下拉菜单来生成文本区域</e
浏览 3提问于2016-03-01得票数 0
我想动态地添加/子小时(时区支持)。这些mysql日期时间字符串保存在隐藏的html页面元素中，以便进行javascript操作。页面的第一次呈现基于用户选择的“默认”时区处理mysql日期时间字符串。如果用户愿意，Javascript稍后将更改这些值。
我
浏览 5提问于2016-06-12得票数 0
回答已采纳
1回答
当我显示它的时候，我有一个带有两个工作的编辑程序的页面。使用用户控件(页面已经加载)动态地添加到页面中。以下js/coffescript旨在为新的文本区域添加一个tinymce编辑器： tinyMCE.execCommand但是，它没有将tinyMCE添加到textarea。我还可以看到，当显示警报时，
浏览 4提问于2013-10-03得票数 1
回答已采纳
当点击enter时，我正在尝试动态地向文本区域添加文本。if (e.keyCode == 13) {
}});
这是运行的代码，它只添加一次文本(第一次是在页面加载之后)，然后什么也不添加。
浏览 4提问于2015-12-12得票数 0
回答已采纳
1回答
我正在尝试创建一个脚本来动态地向单个URL添加一个title属性。其构想如下：
标题属性- HREF
脚本然后遍历文本区域B，并将标题属性附加到文本区域</em
浏览 5提问于2014-09-12得票数 0
回答已采纳
如何在wcf中动态地向选项卡控件添加内容？我的意思是将内容添加到显示区域，该区域在单击选项卡控件时可见。
请允许我换个说法。我有一个WCF应用程序。在XAML中，将内容添加到选项卡控件的页很容易。如何在tuntime中向C#代码中的页面添加内容？
浏览 0提问于2010-06-30得票数 0
正因为如此，我使用文本编辑器直接将一些布局编码到页面中。我面临的问题是动态地将模板目录中的图像包含到posts/页面中。
通常，我只使用<img src="<?>/images/image.png">，但是当将代码直接放到页面/post中时，这是行不通的，因为原始文本是输出的。有人能告诉我如何在不使用媒体库的情况下通过post
浏览 0提问于2014-03-24得票数 1
回答已采纳
假设我将少量文本打印到PDF文档中，我想知道文本实际使用了多少页面。例如，如果我将一个简短的文本段落呈现到PDF文档中，我希望只了解该文本的内容高度，而不是整个A4 (字母)页面的内容高度。我需要将一个很长的HTML页面呈现到一个PDF文档中，该文档使用较小的页面大小。其结果是将内容呈现到几个PDF页面中。我目前为此使用了NSPrintOperation。为此，我需
浏览 3提问于2020-08-20得票数 0
1回答
我应该使用jquery进行一次面包屑跟踪，因为我的网站有嵌套的页面？我不知道面包屑是如何工作的，如果我想动态地将面包屑添加到网页中呢？任何帮助或教程链接都会有帮助。对于例:我有主页和产品页面，每个产品都有自己的特定页面，所以当我进入产品页面时，我的面包屑应该显示如下
我希望它能够动态地添加到用户导航的每个页面中。
浏览 6提问于2013-03-05得票数 0
在插件设置页面中，我想要一个“组合框”或“下拉框”，它还包括添加当前不包括的选项的能力。从那时起，新添加的选项将添加到框中的选项中。在Settings API中是否有这样的函数，或者它是否需要一个单独的文本框然后添加到选项数组中？谢谢:)
浏览 0提问于2012-07-11得票数 0
回答已采纳
Kentico 12，而不是MVC:我有一个在多个页面上使用的页面模板。在其中一些页面上，我想显示一个表单。( Forms应用程序中的biz表单)我不一定希望每个页面上都有相同的表单。我希望我可以在页面类型中创建一个字段来指定表单名称，但如果能够让设计师添加一个带有表单的页面，并让一个中继器在前面提到的页面模板上的webpartzone中显示该页面，那会更好。
浏览 35提问于2020-06-01得票数 0
回答已采纳
我正在使用clone()动态地将一个新表单添加到页面中，但是当我添加它时，我想要使表单的文本区域成为焦点。
浏览 4提问于2015-05-14得票数 0
回答已采纳
当用户将文本输入到文本区域时，执行window.scrollTo()时，移动safari如何呈现游标，这似乎是一个错误。附加了说明问题的源代码。我想知道是否有人对我如何解决这个问题有任何建议。问题:如果用户向文本区域输入文本并执行window.scrollTo()，则光标仍呈现在textarea 使用的位置，而不是当前位置。
要重新创建的：使用移动safari加载以下网页。触摸文本区域，这将打开键盘
浏览 1提问于2010-02-18得票数 2
如何动态地将字符串值附加到ion-textarea。
我知道我可以通过使用字符串插值来替换整个文本区域的值，如下所示。但是我如何附加值呢？即添加到现有内容。
浏览 10提问于2019-07-29得票数 1
回答已采纳
1回答
提交表单后，表单将与display:none一起隐藏，并在其位置显示一条确认消息(该消息将样式从display:none更改为display:block)。没有AJAX调用，也没有重新加载页面。JAWS不读取确认的文本，即使我将aria-live="assertive"放在它的容器上。我把注意力放在确认消息容器上，让JAWS阅读它。但是问题是，当我重新加载页面时，JAWS会再次读取确认消息，即使在页面加载时它有display:none和aria-hidden=&quo
浏览 1提问于2019-11-21得票数 0
4回答
如何设置文本区域滚动条的样式
、、、、
我有一个带有css样式的联系人表单中的文本区域，它看起来很棒，直到我写的内容超出了该区域的大小，当我这样做时，滚动条出现了，而这个滚动条在我的黑色样式下看起来很糟糕(它是黑色和白色的文本)。那么我该如何去设计它呢？我用谷歌搜索了一些，但没有找到任何好的答案，只是发现了所有这些只有IE才有的颜色变化。
浏览 0提问于2010-09-19得票数 2
回答已采纳
我正在动态地将一个不同的用户控件从添加到占位符。整个页面都在更新面板中。每次回发后，我都会再次添加先前添加的控件，并且先前添加的控件将保持在视图状态中。任何帮助我们都将不胜感激
浏览 0提问于2011-12-08得票数 0
2回答
但是，在我的项目的一部分中，我动态地创建了还必须启用tinyMCE的文本区域。如何将tinymce添加到我创建的新文本区。}, }); LoadTinymce();
当我点击创建新的文本区域的按钮时
浏览 1提问于2013-07-10得票数 1
回答已采纳
允许用户动态地将项添加到列表。首先在DOM中直接添加条目，然后在用户添加完条目后，将与此新条目相关的文档插入到MongoDB中。在当前用户添加新列表项时，如何防止页面自动拉入新列表项(例如，可能已由其他用户添加的列表项)？有没有办法让应用程序停止侦听添加到MongoDB的任何新文档，直到应用程序开始告诉它重新启动(请注意，应该只阻止页面的指定区域，即特定的流星模板)的自动更新？
浏览 2提问于2015-04-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
