使用javascript选择元素的更快方法 [英] faster way to select an element, using javascript

问题描述

我想知道是否有更快的选择方法:

I would like to know if there's a faster way to select this:

document.getElementById('container')
        .getElementsByTagName('p')[0]
        .getElementsByTagName('strong')[1]
        .innerText

结构为:

<div id='container'>
   <p>
      <strong></strong>
      <strong> what I would like to get</strong>
   </p>
   <div id='moredivs'>
   </div>
   <div id='moredivs'>
   </div>
</div>

推荐答案

更快，不-更优雅，是:

Faster, no - more elegantly, yes:

首先，您需要有效的HTML:

FIRST you need valid HTML:

console.log(
  document.querySelector("#container > p > strong:last-child").textContent
);

<div id='container'>
  <p>
    <strong></strong>
    <strong>Text I'd like to get</strong>
  </p>
</div>

这篇关于使用javascript选择元素的更快方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！