通过Javascript在某个div中通过class名称获取元素

Question

我有：

<div class="f0">
    <div class="input-text">
        <t>Text</t>
    </div>
</div>

var h = 0;
    for(h;h<inputstext.length;h++){
        var str = 'f' + h;
        var currentDiv = document.getElementById(str);


    }

如何仅获取f0中的input-text元素值？

Output 应该是Text 。

谢谢。

Answer 1

您可以使用element[property*="val"]到 select 所有property以"val"开头的elements - 在这种情况下，任何以"f"开头的class ，然后是 Z99938282F04076EF4221E18F1 的子.input-text 。

此外，当这些 div 标记为class f0时，您正在尝试获取id为f0的元素。

 const inputs = document.querySelectorAll('[class*="f"].input-text'); for (const element of inputs) console.log(element.textContent.trim());

 <div class="f0"> <div class="input-text"> inside f0 </div> </div> <div class="f1"> <div class="input-text"> inside f1 </div> </div>