如何存储和打印document.getElementsByClassName中的元素?

用户名

我正在从HTML表单中读取值。假设有10个值。我想获取这些值并将它们存储在数组中,以便以后可以访问它们并对其进行加/减/乘运算。我也在尝试打印这些值。

从HTMLCollection到HTMLDivElement等,我会遇到各种各样的错误。我尝试了.nodeValue,.value。查找将HTMLCollection转换为数组。但没有运气。

在这一点上我已经尝试了所有方法,但似乎无法弄清楚。这是我目前所拥有的。

任何人都可以在这里指出正确的方向吗?谢谢

var valueArray = new Array();
valueArray = document.getElementsByClassName("data");
document.write(valueArray[0]);
var valueArray = document.getElementByClassName("data");
for (var i = 0; i < 10; ++i)
{
   document.write(valueArray[i]);
}
杰克·巴什福德

Array.from把它变成一个数组,并绘制出value同步:

const values = Array.from(document.getElementsByClassName("data"), ({ value }) => parseInt(value));
console.log(values);
.as-console-wrapper { max-height: 100% !important; top: auto; }
<input class="data" value="123">
<input class="data" value="456">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在C中存储和打印结构元素

来自分类Dev

getElementsByClassName中的动态元素

来自分类Dev

document.getElementsByClassName()数组中元素的顺序

来自分类Dev

用于JavaScript创建的元素的document.getElementsByClassName

来自分类Dev

使用addEventListener和getElementsByClassName传递元素ID

来自分类Dev

如何使getElementsByClassName更改所有元素?

来自分类Dev

如何访问和打印存储在字典中的类的对象?

来自分类Dev

如何在jQuery中编写document.getElementsByClassName(names)[n]

来自分类Dev

JavaScript的document.getElementsByClassName不返回的所有元素

来自分类Dev

如何在节点而不是整个元素上运行getElementsByClassName

来自分类Dev

如何更新getElementsByClassName返回的多个span元素的text / innerHTML?

来自分类Dev

如何在for循环上使用.getElementsByClassName()来隐藏HTML元素

来自分类Dev

如何更改由document.getElementsByClassName检索的所有元素的类

来自分类Dev

无法从getElementsByClassName访问HTMLCollection中的元素

来自分类Dev

在阵列中存储和打印值-VBA

来自分类Dev

如何打印从输入中读取和存储的 n 个字符串

来自分类Dev

如何为Vec中的每个元素打印索引和值?

来自分类Dev

如何在 Selenium/Python 中单击和打印多个元素?

来自分类Dev

如何使用document.cookie来存储和检索数组中的值?

来自分类Dev

打印getElementsByClassName

来自分类Dev

Javascript document.getElementsByClassName 在我的脚本中不起作用

来自分类Dev

如何在Java中存储元素和外观数量

来自分类Dev

如何在Java中存储,排序和打印2D字符串和双精度“数组”?

来自分类Dev

如何使用golang打印json文档中“ org”下当前字段中存储的所有元素?

来自分类Dev

如何识别#document 中的元素

来自分类Javascript

querySelector和querySelectorAll与JavaScript中的getElementsByClassName和getElementById

来自分类Dev

从列表中打印元素时,如何防止打印括号和引号?

来自分类Dev

单元测试:如何在响应中模拟document.getElementsByClassName()?

来自分类Dev

如何打印列表中当前元素和上一个元素的总和

Related 相关文章

  1. 1

    在C中存储和打印结构元素

  2. 2

    getElementsByClassName中的动态元素

  3. 3

    document.getElementsByClassName()数组中元素的顺序

  4. 4

    用于JavaScript创建的元素的document.getElementsByClassName

  5. 5

    使用addEventListener和getElementsByClassName传递元素ID

  6. 6

    如何使getElementsByClassName更改所有元素?

  7. 7

    如何访问和打印存储在字典中的类的对象?

  8. 8

    如何在jQuery中编写document.getElementsByClassName(names)[n]

  9. 9

    JavaScript的document.getElementsByClassName不返回的所有元素

  10. 10

    如何在节点而不是整个元素上运行getElementsByClassName

  11. 11

    如何更新getElementsByClassName返回的多个span元素的text / innerHTML?

  12. 12

    如何在for循环上使用.getElementsByClassName()来隐藏HTML元素

  13. 13

    如何更改由document.getElementsByClassName检索的所有元素的类

  14. 14

    无法从getElementsByClassName访问HTMLCollection中的元素

  15. 15

    在阵列中存储和打印值-VBA

  16. 16

    如何打印从输入中读取和存储的 n 个字符串

  17. 17

    如何为Vec中的每个元素打印索引和值?

  18. 18

    如何在 Selenium/Python 中单击和打印多个元素?

  19. 19

    如何使用document.cookie来存储和检索数组中的值?

  20. 20

    打印getElementsByClassName

  21. 21

    Javascript document.getElementsByClassName 在我的脚本中不起作用

  22. 22

    如何在Java中存储元素和外观数量

  23. 23

    如何在Java中存储,排序和打印2D字符串和双精度“数组”?

  24. 24

    如何使用golang打印json文档中“ org”下当前字段中存储的所有元素?

  25. 25

    如何识别#document 中的元素

  26. 26

    querySelector和querySelectorAll与JavaScript中的getElementsByClassName和getElementById

  27. 27

    从列表中打印元素时,如何防止打印括号和引号?

  28. 28

    单元测试:如何在响应中模拟document.getElementsByClassName()?

  29. 29

    如何打印列表中当前元素和上一个元素的总和

热门标签

归档