如何<textarea>
使用JavaScript更改元素的内容?
我想把它清空。
像这样:
document.getElementById('myTextarea').value = '';
或在jQuery中这样:
$('#myTextarea').val('');
你在哪里
<textarea id="myTextarea" name="something">This text gets removed</textarea>
对于所有反对者和非信奉者:
如果可以使用jQuery,我强烈建议您这样做,那么您只需
$('#myTextArea').val('');
否则,它取决于浏览器。假设你有
var myTextArea = document.getElementById('myTextArea');
在大多数浏览器中
myTextArea.innerHTML = '';
但是在Firefox中,
myTextArea.innerText = '';
弄清楚用户正在使用哪种浏览器作为练习。当然,除非您使用jQuery;)
编辑:我收回了。看起来对textarea的.innerHTML的支持得到了改善。我在Chrome,Firefox和Internet Explorer中进行了测试,所有这些都可以正确清除文本区域。
编辑2:我刚刚检查过,如果您在jQuery中使用.val(''),它只是为textarea的.value属性设置。所以.value应该很好。
尽管已经给出了许多正确答案,但是经典的(读取非DOM)方法将是这样的:
document.forms['yourform']['yourtextarea'].value = 'yourvalue';
您的textarea在HTML中的嵌套位置如下所示:
<form name="yourform">
<textarea name="yourtextarea" rows="10" cols="60"></textarea>
</form>
碰巧的是,它也可以与Netscape Navigator 4和Internet Explorer 3一起使用。而且,并非不重要的是,移动设备上的Internet Explorer。
如果它的jQuery ..
$("#myText").val('');
要么
document.getElementById('myText').value = '';
http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php
将textarea放在表单中,命名它们,然后只需轻松使用dom对象即可,如下所示:
<body onload="form1.box.value = 'Welcome!'">
<form name="form1">
<textarea name="box"></textarea>
</form>
</body>
本文地址:http://javascript.askforanswer.com/ruheshiyongjavascriptgenggaideneirong.html
文章标签:javascript
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
文章标签:javascript
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
评论已关闭!