首页 > 解决方案 > 如何遍历div中的所有textarea元素

问题描述

我想检索textarea特定 div 内所有元素的内容。这是我尝试迭代它们的方法

var ta = document.getElementById('parent').getElementsByTagName('textarea')
ta.forEach(element => {
  console.log(element);
});

但我明白了

Uncaught TypeError: ta.forEach is not a function
    at HTMLButtonElement.<anonymous> (details:512)
    at HTMLButtonElement.dispatch (jquery.min.js:3)
    at HTMLButtonElement.r.handle (jquery.min.js:3)

这是textarea在特定 div 中获取所有元素的正确方法吗?我想获取所有这些textarea元素的内容以及元素的名称。我怎样才能做到这一点?

标签: javascripthtml

解决方案


getElementsByTagName返回HTMLCollection。它没有forEach方法。使用Element.getElementsByTagName()for中说明的循环。

var ta = document.getElementById('parent').getElementsByTagName('textarea');
for (let element of ta) {
  console.log(element);
}

推荐阅读