如何把从标签内的内容放入到对应的input的value中

Question

如何把从h1标签内的内容放入到对应的li级内的input的value中

• 1

• 2

• 3

Answer 1

 <ul class="ul_class">
    <li class="li_class">
        <input id='input_1' value="">
        <div id="div_1">
            <h1 class="vals">1</h1>
        </div>
    </li>
    <li class="li_class">
        <input id='input_1' value="">
        <div id="div_1">
            <h1 class="vals">2</h1>
        </div>
    </li>

    <li class="li_class">
        <input id='input_1' value="">
        <div id="div_1">
            <h1 class="vals">3</h1>
        </div>
    </li>
</ul>
<script>
    var lis = document.querySelectorAll('li.li_class');
    for (var i = 0; i < lis.length; i++)
        lis[i].querySelector('input').value = lis[i].querySelector('h1').innerHTML;
</script>