本文摘自PHP中文网，作者青灯夜游，侵删。
使用javascript消除readonly的方法：首先使用“document.getElementById(“id值”)”获取需要处理的元素对象；然后使用“元素对象.readOnly=false”语句去除。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
使用javascript消除readonly
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function makeReadOnly()
{
document.getElementById("text1").readOnly=false;
}
</script>
</head>
<body>
<form>
<input type="text" id="text1" value="Hello World!" readOnly /><br /><br />
<input type="button" onclick="makeReadOnly()" value="去除readOnly" />
</form>
</body>
</html>
|
效果图：
说明：HTML DOM readOnly 属性
readOnly 属性设置或返回文本域是否为只读。
语法
1 | textObject.readOnly=true|false
|
【相关推荐：javascript学习教程】
以上就是如何使用javascript消除readonly的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
javascript怎么注释多行
linux服务器搭建node.js环境的步骤介绍
js中20个常用字符串方法及使用方式（总结）
深入理解dom树和节点
javascript 中向上取整、向下取整、四舍五入的操作
bootstrap和react的区别是什么？
javascript有多少框架
js proxy 的优势以及使用场景
javascript两种注释符号是什么
javascript怎么绑定事件
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 如何使用javascript消除readonly
