如何使用Javascript为TextArea赋值，使用类名而不是Id来链接两者

How to assign value to TextArea using Javascript, using class name rather than Id to link the two?

本文关键字：Id 链接 Javascript 何使用 TextArea 赋值      更新时间：2023-09-26

我在这里缺少一些简单的东西。我需要在文本区域回发到服务器之前对其进行预处理。我可以使用 ID 将按钮链接到文本区域，但不确定如何通过类名来做到这一点，这将更可重用。

带 ID 的代码：

<textarea id="Comment" class="CleanHTML"></teaxtarea>
<button type="submit" id="btn" name="btn" value="Save" onClick='document.getElementById("Comment").value = cleanWordClipboard(document.getElementById("Comment").value)'>Save</button>

我将如何更改我的onClick JS以使用类"CleanHTML"，而不是Id来引用TextArea？

代替document.getElementById('Comment')，使用 document.getElementsByClassName('CleanHTML')[0]

getElementsByClassName返回一个 HTMLCollection（就我们的目的而言，它可以被视为数组），这就是您需要[0]的原因。如果有多个具有该类名的元素，则显然需要相应地调整索引。

相关文章：