使用css或javascript将元素转换为textarea？

我在网页中找到了一个类为

.plainMail

的

元素，我希望能够通过按Ctrl+a选择其所有文本

我使用Firefox22。我想把

div.plainMail

变成一个文本区。我能做什么

更新：

---

可以通过

document.getElementsByClassName

完成吗？因为使用

document.getElementById

我不能这样做。我使用GreaseMonkey。

我不确定您到底在寻找什么，但您可能需要HTML属性

<div contenteditable="true">
  This text can be edited by the user.
</div>

---

可以通过document.getElementsByClassName完成吗

当然可以（如果您不关心IE8及以下版本），但请注意，返回匹配元素的节点列表，而不是单个元素

因此，我们必须遍历返回的列表以应用该属性，如下所示：

vari，
列表=document.getElementsByClassName（“内容”）；
对于（i=0；i

---

我不确定您到底在寻找什么，但您可能需要HTML属性

<div contenteditable="true">
  This text can be edited by the user.
</div>

---

可以通过document.getElementsByClassName完成吗

当然可以（如果您不关心IE8及以下版本），但请注意，返回匹配元素的节点列表，而不是单个元素

因此，我们必须遍历返回的列表以应用该属性，如下所示：

vari，
列表=document.getElementsByClassName（“内容”）；
对于（i=0；i

---

在谷歌搜索时，我找到了这个链接。从这个问题来看似乎很接近

下面的css代码可以为div提供textarea效果

#div-textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    overflow: auto;
    padding: 2px;
    resize: both;
}

http://blog.thinkingstiff.com/2012/01/22/how-to-make-a-contenteditable-look-like-an-element-or/

还认为链接包含此小提琴链接

---

在谷歌搜索时，我找到了这个链接。从这个问题来看似乎很接近

下面的css代码可以为div提供textarea效果

#div-textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    overflow: auto;
    padding: 2px;
    resize: both;
}

http://blog.thinkingstiff.com/2012/01/22/how-to-make-a-contenteditable-look-like-an-element-or/

还认为链接包含此小提琴链接

---

属性“外观”仅更改元素的默认视觉样式（基于浏览器）。它没有实现可选功能。事实上，您已经使用了

contenteditable

属性来实现该功能。感谢您共享知识@HashemQolamiThe

外观

属性仅更改元素的默认视觉样式（基于浏览器）。它没有实现可选功能。事实上，您已经使用了

contenteditable

属性来实现该功能。感谢您分享知识@hashemqolamiw您在寻找什么？您在寻找什么？可以通过document.getElementsByClassName完成吗？因为使用document.getElementById，我无法执行此操作。普通邮件的ID是一个随机数。我正在使用GreaseMonkey，可以吗？@Sam Bo我已经更新了答案，添加了另一个演示以满足您的需要。我如何为几个元素执行此操作？我必须为每个“类名”使用几个脚本吗？可能是.getElementsByCassName（“一”）.getElementsByCassName（“二”）为了选择多个类，您可以使用方法作为

document.querySelectorAll（“.myClass，.anotherClass”）。这里是@ Sam Bo，因为问题已经关闭，请考虑添加更多的细节和澄清问题，重新打开。请参阅第页。是否可以通过document.getElementsByClassName完成？因为使用document.getElementById，我无法执行此操作。普通邮件的ID是一个随机数。我正在使用GreaseMonkey，可以吗？@Sam Bo我已经更新了答案，添加了另一个演示以满足您的需要。我如何为几个元素执行此操作？我必须为每个“类名”使用几个脚本吗？可能是.getElementsByCassName（“一”）.getElementsByCassName（“二”）为了选择多个类，您可以使用方法作为
document.querySelectorAll（“.myClass，.anotherClass”）。这里是@ Sam Bo，因为问题已经关闭，请考虑添加更多的细节和澄清问题，重新打开。见第页。