TypeScript：如何在 div 中获取段落文本答案

【问题标题】：TypeScript : How to get paragraph text within divTypeScript：如何在 div 中获取段落文本
【发布时间】：2020-08-19 09:00:23
【问题描述】：

当我点击 div 时，我想在 div 中获取段落文本。我试过getElementsByTagName()，但它不起作用。这是代码：

HTML：

<div class="tile" style="left:40px;top:55px;" (click)="getTextFromHiddenParagraph(event)">
    <p>{{this.terms[0].termName}}</p>
    <p hidden>{{this.terms[0].connectionName}}</p>
</div>

当我点击父 div 时，我想访问隐藏段落中的内容。

请帮忙！

【问题讨论】：

如果您可以编辑您的示例，那么它会更清楚地帮助您快速获得答案。

标签： html typescript

【解决方案1】：

你可以试试这个：

<div (click)="getTextFromHiddenParagraph(div.textContent)" #div>
  <p>{{this.terms[0].termName}}</p>
  <p hidden>{{this.terms[0].connectionName}}</p>
</div>

【讨论】：

【解决方案2】：

我使用了帖子中描述的 event.target 函数的属性之一：What properties can I use with event.target?。我只是先定位隐藏段落并使用打字稿功能：

getParagraphText(event)
  {
    var conn;
    conn=event.target.firstElementChild.innerHTML;
    console.log(conn);
  }

HTML 调用：

<div class="tile" style="left:40px;top:55px;" (click)=getParagraphText($event)" [class.ClickedTile]="isClickedtile1" id="{{this.terms[0].connectionName}}">
        <p hidden>{{this.terms[0].connectionName}}</p>
        <p>{{this.terms[0].termName}}</p>
    </div>

【讨论】：