代码：
5
1042
无标题文档
onclick
未点击onclick时，input元素的状态（下图）：
点击onclick，修改input的value属性，并且加个class，名为“on”。此时input元素的状态（下图）：
**input元素的class=“on”，oTxt.className='on';语句生效。
input元素的value=“哈哈”没有发生变化，但是页面显示中，value已经是10。都是修改input的属性，请问为什么className能在HTML中有所体现，而value却仅仅在页面中发生变化呢？谢谢！**
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
<input>标签中的value是表示该input元素的默认值，inputHTMLElement.value才是该input元素当前的值，
你可以尝试在onclick后打印oTxt.defaultValue，就可以看到该input元素的默认值是多少
input的value是默认值，修改并不会在html页面显示
input里面的value属性是设置默认值，通过js去改变它的value是不会在html里面显示的，你可以试试把默认的value去掉，点击去改变值时，html里面也没有显示value值
JavaScript通过DOM操纵HTML文档，修改的只是浏览器的呈现，而不会对文档本身内容进行修改。
函数内部添加alert(oTxt.value);
弹出的信息是10和on；
将网页另存为，查看源代码发现value已经改变
<body>
</body>