javascript:获取textarea的内容,textContent与innerHTML和innerText的内容

时间:2013-04-15 11:22:15

标签: javascript textarea getelementbyid

我无法使用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时,会出现警告框但它是空白的。 当我使用值时,会出现警告框并显示“未定义” 当我使用innerHTML时,所有HTML都会出现,包括标签。

另外,我了解textContent只能在FF中运行,并且对于跨浏览器兼容性,您需要执行类似innerText和textContent的操作,但textContent在FF中不起作用。这个应用程序没有jquery

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

2 个答案:

答案 0 :(得分:15)

对于textarea,您只能在您的方案中使用.value(我测试了您的给定代码并且工作正常)。

另外,

1)请注意,在代码中提到元素后,您只需调用此函数addProduct() ,否则它将为undefined

2)必须是id as productdescript

的另一个元素

3)必须没有名为variable

的JS productdescript

答案 1 :(得分:0)

这是你的代码吗?

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

document.getElementById('productdescript').textContent;