javascript - javascript：获取 textarea 的内容，textContent vs. innerHTML vs. innerText

Question

我无法使用 js 获取 textarea 的内容。我觉得我以前做过很多次都没有问题，但是有些东西把它扔掉了，或者我有精神障碍。

html

<textarea id="productdescript">test copy..asdfd</textarea><button value="Enter" onclick="addProduct()">

js

function addProduct() {
var descript = document.getElementById('productdescript').textContent;
alert(descript);
}

Firefox 是我目前唯一的浏览器。

当我使用 textContent 时，会出现警告框，但它是空白的。当我使用 value 时，会出现警告框并显示“未定义”当我使用 innerHTML 时，会出现所有 HTML，包括标签。

另外，我知道 textContent 仅在 FF 中运行，并且为了跨浏览器兼容性，您需要执行诸如 innerText 和 textContent 之类的操作，但 textContent 在 FF 中不起作用。这个应用程序上没有 jquery

获取textarea内容的正确跨浏览器方式是什么！感谢您的任何建议。

Answer 1

对于textarea，您只能.value在您的场景中使用（我测试了您给定的代码，它工作正常）。.

还，

1）请记住，addProduct() 只有在代码中提到您的元素之后才调用此函数，否则它将是undefined.

2）不能有另一个元素id as productdescript

3）不能有一个JSvariable调用productdescript

Answer 2

这是你的代码？

你写document.getElementByID....，“D”应该写成小写“d”

document.getElementById('productdescript').textContent;