js中获取第一个子元素的值

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

// 获取父元素
var parentElement = document.getElementById('parent');

// 获取第一个子元素
var firstChildElement = parentElement.firstElementChild;

// 获取第一个子元素的文本内容
var firstChildValue = firstChildElement.textContent || firstChildElement.innerText;

console.log(firstChildValue); // 输出: 第一个子元素的值

// 获取父元素
var parentElement = document.getElementById('parent');

// 获取第一个子元素
var firstChildElement = parentElement.children[0];

// 获取第一个子元素的文本内容
var firstChildValue = firstChildElement.textContent || firstChildElement.innerText;

console.log(firstChildValue); // 输出: 第一个子元素的值

window.onload = function() {
  var parentElement = document.getElementById('parent');
  var firstChildValue = parentElement.firstElementChild.textContent;
  console.log(firstChildValue);
};