GVKun编程网logo

如何在 textarea(HTML Tag) 中编写 JavaScript 对象以使用 documentQuerySelector 获取该对象

1

这篇文章主要围绕如何在textarea(HTMLTag)中编写JavaScript对象以使用documentQuerySelector获取该对象展开，旨在为您提供一份详细的参考资料。我们将全面介绍如何

这篇文章主要围绕如何在 textarea(HTML Tag) 中编写 JavaScript 对象以使用 documentQuerySelector 获取该对象展开，旨在为您提供一份详细的参考资料。我们将全面介绍如何在 textarea(HTML Tag) 中编写 JavaScript 对象以使用 documentQuerySelector 获取该对象，同时也会为您带来 部分属性与 vue 版本的兼容问题、和标签
1.焦点就默认左上角
2.用

回复讨论(解决方案)

直接用textarea，，，表单能正确获取内容。。。没有必要用label吧。。。

 以上就是<input type="textarea">和标签


<tag/> 与 <tag></tag> 上的 JS innerHTML

与 上的 JS innerHTML

如何解决<tag/> 与 <tag></tag> 上的 JS innerHTML

我有以下 HTML：

  1. <html>
  2.     <body>
  3.       <b /> <br>
  4.       Lets say it again: <b /> <br>
  5.     </body>
  7.     <script>
  8.        // this runs after document has already been loaded
  9.        if (document.getElementsByTagName(''b'').length > 0) {
  10.           Array.from(document.getElementsByTagName(''b'')).forEach((ele) => {
  11.               ele.innerHTML = "Hello World!";
  12.           });
  13.        }
  14.     <script>
  15. </html>

结果是只有第一个 <b /> 修改了其 innerHTML。并且没有任何内容显示出来。检查显示第一个 <b />

下没有进一步的 HTML

但是，如果我将 <b /> 替换为 <b></b>，则一切正常。

知道为什么或如何修复它吗？我正在使用一个标签来放置一个变量，我希望它很短，因为我有很多。

谢谢！

Angular 6 readonly textarea 不会从第二个 textarea 绑定

Angular 6 readonly textarea 不会从第二个 textarea 绑定

如何解决Angular 6 readonly textarea 不会从第二个 textarea 绑定

使用 Angular 6 和 Material 控件，我在只读文本区域中显示我的数据（字符串数组）。我有第二个可编辑文本区域，我想在其中输入文本，然后使用按钮将第二个区域中的文本动态添加到（第一个）只读文本区域。

我也尝试过单向绑定和插值。调试的时候可以看到我的新文本被推送到了数据字符串数组中。无论如何，更新后的字符串数组不会显示在第一个文本区域中。

  1. this.comments: string[];
  2. this.newComment: string;
  4. this.comments = data;
  5. this.newComment = '''';
  7. addNewComment(newComment: string) {
  8.     if (newComment.length > 0) {
  9.         this.comments.push(newComment + ''\\n'');
  10.         this.newComment = '''';
  11.         this.saModified = true;
  12.     }
  13. }
  1. <mat-form-field>
  2.   <textarea matInput id=''newComment'' name=''newComment'' [disabled]="!userHasRole(''Admin'')" rows=''8'' cols=''15'' style=''text-align: left; border:solid 1px black;'' [(ngModel)]=''newComment''></textarea>
  3.   </mat-form-field>
  4.   <button type=''button'' mat-raised-button color=''primary'' name=''add-new-comment'' (click)=''addNewComment(newComment)'' [disabled]=!userHasRole(''Admin'') || loading">Add Comment</button>
  5. <mat-form-field>
  6.   <textarea matInput readonly id=''comments'' name=''comments'' [disabled]="!userHasRole(''Admin'')" rows=''8'' cols=''15'' style=''text-align: left; border:solid 1px black;'' [ngModel]=''comments''></textarea>
  7. </mat-form-field>

解决方法

在您使用 textarea 的第二个 [ngModel]="comments" 中，将其更改为 [ngModel]="comments.toString()"，或者更好地使用 *ngFor 显示评论。

,

我认为您的声明 this.comments: string[]; 有问题，您不能使用 this 关键字进行声明。同时，如果您想使用字符串数组，那么您可以像 comments 一样启动 comments: string[]=[]; 或者您可以使用如下所示的构造函数 =>

  1. comments: string[]=[];
  2. constructor(){
  3.   this.comments=[];
  4. }

那么您必须使用 [ngModel]="comments.toString()" 而不是 [ngModel]=''comments''。
注意：这是工作演示代码链接Stackblitz LINK。

,

您需要将 name="comments" 和 #comments=''ngModel'' 添加到您的 textarea 元素才能使 ngModel 工作

我们今天的关于如何在 textarea(HTML Tag) 中编写 JavaScript 对象以使用 documentQuerySelector 获取该对象的分享就到这里，谢谢您的阅读，如果想了解更多关于 部分属性与 vue 版本的兼容问题、和标签