js获得第一个子元素的值

<div id="parent">
  <span>第一个子元素的值</span>
  <p>第二个子元素</p>
</div>

let parentElement = document.getElementById('parent');
let firstChild = parentElement.firstElementChild;
if (firstChild) {
  console.log(firstChild.textContent); // 输出: 第一个子元素的值
}

let parentElement = document.getElementById('parent');
let firstChild = parentElement.children[0];
if (firstChild) {
  console.log(firstChild.textContent); // 输出: 第一个子元素的值
}

let firstChild = document.querySelector('#parent > *:first-child');
if (firstChild) {
  console.log(firstChild.textContent); // 输出: 第一个子元素的值
}

window.onload = function() {
  let parentElement = document.getElementById('parent');
  let firstChild = parentElement.firstElementChild;
  if (firstChild) {
    console.log(firstChild.textContent);
  }
};