js获得元素的子元素的值

let parentElement = document.getElementById('parent');
let childElements = parentElement.children;

for (let i = 0; i < childElements.length; i++) {
    console.log(childElements[i].value); // 假设子元素是input或其他有value属性的元素
}

let childElement = document.querySelector('#parent > .childClass');
console.log(childElement.value); // 获取单个子元素的值

let childElements = document.querySelectorAll('#parent > .childClass');
childElements.forEach(function(child) {
    console.log(child.value); // 遍历所有匹配的子元素并获取它们的值
});

let parentElement = document.getElementById('parent');
let childNodes = parentElement.childNodes;

for (let i = 0; i < childNodes.length; i++) {
    if (childNodes[i].nodeType === 1) { // 检查是否为元素节点
        console.log(childNodes[i].value);
    }
}

<div id="parent">
    <input type="text" class="childClass" value="第一个子元素的值">
    <input type="text" class="childClass" value="第二个子元素的值">
</div>