javascript - 如何按类名计算元素数量，并将结果转换为变量？

Question

我需要计算我有多少个元素，但我运气不太好。元素示例:

<textarea type="text" data-class-changer="question" class="questioninputcss" data-integer-question="866"></textarea>

继续我的代码，

我尝试过两件事。这是第一个，及其响应:

        var testCountPre = document.getElementByClassName('questioninputcss');
        var testCount = testCountPre.getElementsByTagName('textarea').length;

Uncaught TypeError: undefined is not a function

<小时/>

第二个，及其响应:

    var testCount = ($(".questioninputcss textarea").length);
    var_dump(testCount);

Number(1) 0

编辑澄清:我正在使用可在 javascript 中运行的 var_dump 脚本。

Answer 1

使用 jQuery，组合选择器，如下所示。您的脚本正在尝试查找 textarea 元素，这些元素是具有 questioninputcss

类的元素的后代

var testCount = $("textarea.questioninputcss").length;

如果没有 jQuery，请使用 querySelectorAll()

var testCount = document.querySelectorAll('textarea.questioninputcss').length;

getElementsByClassName() (您的代码中有拼写错误)返回 HTMLCollection ，所以它没有名为 getElementsByTagName() 的方法