textarea 的value()和innerHTML()的区别

最新推荐文章于 2023-11-17 23:22:07 发布

iteye_5076

最新推荐文章于 2023-11-17 23:22:07 发布

阅读量166

点赞数

分类专栏： java 文章标签： xhtml javascript ViewUI

java 专栏收录该内容

25 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用JavaScript来操作HTML页面中的表单元素，包括设置和获取文本区域的内容。通过两个按钮触发不同的函数，分别实现了向两个文本区域写入特定字符串及读取这些内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<script type="text/javascript">
//<![CDATA[
function log(value){

alert(value);

}
function $(id) {

return document.getElementById(id);
} // End of $
function f1(){
log("f1");
$("t1").value = "<aabc>"
$("t2").innerHTML = "<aabc>"
}
function f2(first_argument) {
log("f2");
log("1-->"+$("t1").value);
//print "<aabc>"
log("2-->"+$("t2").value);
//print "<aabc>"
log("3-->"+$("t1").innerHTML);
//print ""
log("4-->"+$("t2").innerHTML);
//print "<aabc>"
} // End of f2
//]]>
</script>
<body>
<textarea name="t1" rows="10" cols="10" id="t1" >
</textarea>
<textarea name="t2" rows="10" cols="10" id="t2" >

</textarea>
<button name="b1" type="button" value="set" onclick="f1()">Button Text</button>
<button name="b2" type="button" value="get" onclick="f2()">Button Text</button>

</body>
</html>