如何在angular2

Question

我想在班级容器中获取 HTML 内容。搜索后，我能够编写一些代码，但我无法获取所需的html内容。请帮忙

  

如果我可以使用id而不是类

来做它会更好

我的edit.component.ts功能如下所示 -

selectDiv() {
     //create a new HTMLElement from nativeElement
    var hElement: HTMLElement = this.elRef.nativeElement;

    //now you can simply get your elements with their class name
    var allDivs = hElement.getElementsByClassName('container');

    //do something with selected elements
    console.log(allDivs);
  }

我的edit.component.html代码如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button (click)="selectDiv()">select div</button>

   <div id="container" class="container">   
<p id="alert" contenteditable="true">
 EDIT ME
</p>
</div>

以及我在控制台中看到的内容：

我只是想拥有html内容，请指导。

Answer 1

当您使用getElementsByClassName时，可能存在多个类的可能性。所以你在Array中得到它。试试吧

var allDivs = hElement.getElementsByClassName('container')[0];

这将为您提供包含container类的第一个元素。