JS控制文本域只读或可写属性的方法涉及javascript对页面元素属性的动态操作，本文将详细介绍相关的知识要点。
文本域（Text Area）是HTML中的一个表单元素，它用于输入多行文本信息。在实际开发中，我们可能需要动态地控制文本域的可编辑状态，使其变为只读或可写。在javascript中，我们可以通过修改文本域对象的属性来达到这一目的。
在javascript中，控制文本域是否可写，最常用的属性是`readonly`和`disabled`。`readonly`属性会使文本域变为只读状态，即用户无法修改其中的内容，但是仍然可以选中文本；而`disabled`属性则会使得文本域变得不可用，不仅用户不能修改文本内容，也无法选中文本或获得焦点。
在HTML代码中，给文本域添加`readonly`或`disabled`属性来控制其状态：
```html
<!-- 只读状态 -->
<textarea id="username" name="username" style="width:50px" size="106" readonly></textarea>
<!-- 不可用状态 -->
<textarea id="userpwd" name="userpwd" style="width:50px" size="106" disabled></textarea>
```
在上述代码中，通过在标签中添加`readonly`或`disabled`属性，可以直接设定文本域在页面加载时的初始状态。
然而，在某些情况下，我们可能需要通过javascript动态地根据用户的交互或其他事件来改变文本域的状态。例如，当用户点击一个复选框时，可以切换文本域的只读或可写状态。这时就需要使用javascript的DOM操作来实现。
下面的javascript代码片段演示了如何使用`getElementById`方法获取页面中元素的引用，并根据复选框的选中状态来动态设置文本域的`readonly`和`disabled`属性：
```javascript
<script language="JavaScript">
// 定义一个函数changeCheck用于切换文本域的只读和可写状态
function changeCheck() {
// 通过getElementById方法获取元素引用
var aa = document.getElementById("username");
var bb = document.getElementById("userpwd");
var cc = document.getElementById("content"); // 假设这是一个复选框
// 检查复选框是否被选中
if(cc.checked) {
// 将文本域设置为只读和不可用
aa.readonly = true;
aa.disabled = true;
bb.readonly = true;
bb.disabled = true;
} else {
// 将文本域恢复为可写和可用状态
aa.readonly = false;
aa.disabled = false;
bb.readonly = false;
bb.disabled = false;
}
}
</script>
```
在上述代码中，我们定义了一个`changeCheck`函数，该函数会根据复选框的选中状态（`checked`属性）来切换文本域`username`和`userpwd`的`readonly`和`disabled`属性。需要注意的是，在实际应用中，复选框的id、name以及文本域的id、name都需要根据具体情况进行修改。
文章还提到了HTML中CHECKBOX控件的事件处理问题。CHECKBOX控件只有`onclick`事件，而没有`onchange`事件。这意味着在CHECKBOX被选中或取消选中时，我们只能通过`onclick`事件来处理。这与单选按钮（RADIO）控件不同，单选按钮支持`onchange`事件。
文章推荐了一些与javascript相关的其他知识点的资源，如json操作、切换特效、查找算法、动画特效、错误与调试、数据结构与算法、遍历算法以及数学运算等。这些是深入学习javascript时需要掌握的高级技巧，通过这些技巧的综合运用，可以使我们的javascript编程能力得到提升。
控制文本域的只读或可写属性是前端开发中一项基本而重要的技能，本文详细介绍了相关的方法、技巧和需要注意的地方。希望读者能够通过本文的介绍，更好地掌握在javascript中操作文本域属性的技能，并将其应用到实际开发中去。
