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

标签 javascript

我在这里缺少一些简单的东西。我需要在将文本区域发送回服务器之前对其进行预处理。我可以使用 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] 的原因。如果您有多个具有该类名称的元素,那么您显然需要相应地调整索引。

关于javascript - 如何使用 Javascript 为 TextArea 赋值,使用类名而不是 Id 来链接两者?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27923258/

相关文章:

javascript - 使插入的 DOM 节点不受 CSS 影响

javascript - 两个 javascript 不一起运行

javascript - 如何在全局变量中的 Mongoose 中设置检索回调

javascript - Chrome、Safari 和 Firefox 上的 CORS POST 请求失败

php - 使用 Javascript 和 JQuery UI 的 while 循环失败

javascript - 如何将 Mongoose promise 循环限制为只有几次?

javascript - 根据刻度值更改 D3 刻度线的大小

Javascript/JQuery 放置事件未在 Internet Explorer IE 11 中触发

javascript - 计算具有多个 ID 的多个 Yii2 掩码输入

javascript - Ajax 函数只运行一次