Javascript 如何禁用CSS文本区域

我有下面的文字是从一个程序，我的工作

<div etype="TEXTAREA" style="width: 923px; position: absolute; left: 1px; top: 192px; " class="draggable ui-draggable" id="Element_5857257">
    <label>Log</label>
    <textarea variable="Log" class="form-control" style="white-space: nowrap; margin-left: 0px; margin-right: -6px; width: 923px; margin-top: 0px; margin-bottom: 0px; height: 364px; " placeholder="Log"></textarea>
</div>

日志

我正在尝试禁用此文本区域并使其为只读。我没有CSS方面的经验，所以我不确定这是否可行？

就像这样

<textarea disabled>
    strings...
</textarea>

串。。。

在您的示例中，只需将

disabled

属性添加到textarea标记中即可

HTML解决方案：

<textarea disabled="true"></textarea>

var textarea = document.getElementsByTagName("textarea");
textarea = textarea[0];
textarea.SetAttribute("disabled", "true");

以下是经过编辑的答案，以反映OP的更新代码：

<script type="text/javascript">
    var textarea = document.querySelector("textarea.form-control");
    textarea.SetAttribute("disabled", "true");
</script>

var textarea=document.querySelector（“textarea.form控件”）；
SetAttribute（“禁用”、“真”）；

---

如果您愿意，您可以复制这一段JS，并可能将其放在

的末尾。或者，您只需将

disabled

添加到textarea HTML标记中即可。如果这仍然不是您期望的解决方案，那么您需要重写您的问题。

MDN文档：

两种选择：

残疾人士：

#myTxtarea:disabled {background-color: #EEEEEE;}

此布尔属性表示用户无法与控件交互。（例如，如果未指定此属性，控件将从包含元素继承其设置；如果没有设置了禁用属性的包含元素，则控件将启用。）

只读：

此布尔属性表示用户无法修改控件的值。与disabled属性不同，readonly属性不会阻止用户在控件中单击或选择。只读控件的值仍随窗体一起提交

---

使用最适合您的用例的选项。

您不能仅使用CSS禁用文本区域，使用CSS您可以“绘制”文本区域，使其看起来像已禁用：

#myTxtarea:disabled {background-color: #EEEEEE;}

---

但它仍然是可访问的，只是看起来“不同”。

没有为此付出任何努力，是吗？第一个结果是…而且，你一定要摆脱所有的内联样式。保持干净：）也许我应该更详细地回答我的问题。我专门创建了一个桌面应用程序，它使用引导主题作为用户界面。给出的答案不适用于我的解决方案。不确定这是否是因为html未在浏览器中运行，但文本未被禁用。我将为您编辑我的答案和更新的代码。