在javascript中按名称获取文本区域值

Question

我需要在纯javascript中使用其名称来获取文本区域的值

<textarea cols="70" rows="3" name="tempText">This is a Textarea</textarea>

我试过这个，但它没有工作显示错误

document.getElementByName("tempText").value

Answer 1

错字：它应该是getElementsByName而不是getElementByName

getElementsByName返回（X）HTML文档中具有给定名称的nodelist集合。所以你需要指定你想要访问的元素的索引。在您的情况下，使用0来获取值。 read more

＆＃13;

＆＃13;

console.log(document.getElementsByName("tempText")[0].value);

＆＃13;

<textarea cols="70" rows="3" name="tempText">This is a Textarea</textarea>

＆＃13;

＆＃13;

＆＃13;

Answer 2

有很多方法。这是最简单的两个

var textarea = document.querySelector('textarea[name="tempText"]');
console.log(textarea.value);

OR

var textarea = document.getElementsByName('tempText')[0];
console.log(textarea.value);

Answer 3

尝试：

document.getElementsByName("tempText")[0].value

如果你确定你只有一个具有该名称的元素（textarea）。

Answer 4

这是getElementsByName。 在这里你注意到复数getElements。它返回具有该name属性的元素的类似数组的NodeList。

  

getElementsByName()方法返回文档中具有指定名称（name属性的值）的所有元素的集合，作为NodeList object。

     

NodeList对象表示节点集合。虽然NodeList不是数组，但可以使用forEach()对其进行迭代。索引从0开始。

console.log(document.getElementsByName("tempText")[0].value);