通过 class - JavaScript 获取元素内部元素

Question

如何通过类名获取 Class 中的第一个或最后一个 <p> 元素？否 jQuery

<div class ="demo">
  <p>some text</p>
  <p>some other text</p>
</div>

Answer 1

getElementsByClassName() 方法 returns 文档中具有指定 class 名称的所有元素的集合，作为 NodeList 对象。

var firstChild = document.getElementsByClassName('demo')[0].children[0];
console.log(firstChild)

<div class ="demo">
  <p>some text</p>
  <p>some other text</p>
</div>

Answer 2

var ele = document.querySelector('.demo')
console.log(ele.firstElementChild)//first element of class
console.log(ele.lastElementChild)//last element of class

<div class ="demo">
  <p>some text</p>
  <p>some other text</p>
</div>

通过 class - JavaScript 获取元素内部元素

Get element inside element by class - JavaScript

javascript

dom

getelementsbyclassname