html vue.js readonly 使用js设置input标签只读 readonly 属性

先上代码：

test

function setReadonly() {

//document.getElementById("test").setAttribute("readOnly", true);

document.getElementById("test").readOnly=true;

}

function readWrite() {

//document.getElementById("test").setAttribute("readOnly", false);

document.getElementById("test").readOnly=false;

}

代码挺简单的，但是这一点代码也有可能达不到预期效果。

一开始，在readWrite()函数中，我用的是注释掉的那些代码，没有用红色部分代码，结果点击“读写”按钮后，还是不可编辑。于是就改成了红色部分代码，结果再点击“读写”按钮就可以编辑了。

总结了一下，当达不到预期效果时，可以使用以下几种解决方案：

1、readonly中 将‘o’改为大写‘O’ ，即将readonly改为readOnly ；

2、将上述代码中的setReadonly()和readWrite()函数中设置readOnly读写属性的那些代码组合着全试一遍，基本就能达到预期效果了。