javascript - 获取元素内的段落文本

Question

我想从 <p> 中获取文本值在 <li> 里面元素。

html:

<ul>
  <li onclick="myfunction()">
    <span></span>
    <p>This Text</p>
  </li>
</ul>

javascript:

function myfunction() {
  var TextInsideLi = [the result of this has to be the text inside the paragraph"];
}

如何做到这一点？

Answer 1

或者，您也可以将 li 元素本身传递给您的 myfunction 函数，如下所示:

function myfunction(ctrl) {
  var TextInsideLi = ctrl.getElementsByTagName('p')[0].innerHTML;
}

在您的 HTML 中，<li onclick="myfunction(this)">