如何查找元素内元素的计数/长度？

Question

<step name="step1">
    <select name="select6" label="Select 6">
        <option val="option1">Option 1</option>
        <option val="option2">Option 2</option>
        <option val="option3">Option 3</option>
    </select>
    <input type="text" placeholder="enter text"></input>
</step>

我想在<step>元素（即2）

中包含这些元素的总数

在Javascript中，我该怎么做？

Answer 1

使用querySelector和children

var childCount = document.querySelector( "[name='step1']" ).children.length

<强>演示

var childCount = document.querySelector( "[name='step1']" ).children.length;

console.log(childCount);

<step name="step1">
    <select name="select6" label="Select 6">
        <option val="option1">Option 1</option>
        <option val="option2">Option 2</option>
        <option val="option3">Option 3</option>
    </select>
    <input type="text" placeholder="enter text">
</step>

Answer 2

只需使用step获取document.getElementsByName元素，然后使用childElementCount方法获取子项数。

var stepElement = document.getElementsByName('step1');
console.log(stepElement[0].childElementCount);

<step name="step1">
    <select name="select6" label="Select 6">
            <option val="option1">Option 1</option>
                    <option val="option2">Option 2</option>
                    <option val="option3">Option 3</option>
        </select>
     <input type="text" placeholder="enter text"/>
</step>

希望它有所帮助!!