按类名获取完整元素[重复]答案

【问题标题】：Get complete element by class name [duplicate]按类名获取完整元素[重复]
【发布时间】：2012-07-22 23:42:51
【问题描述】：

可能重复：
How to getElementByClass instead of GetElementById with Javascript?
How to Get Element By Class in JavaScript?

我需要按类获取完整的标签。是否可以在没有任何跨浏览器问题的情况下使用 javascript 进行操作。

例如，如果元素是，

<img src="hello.jpg" class="myclass" />

那我需要得到，

<img src="hello.jpg" class="myclass" /> 使用类名。对此的任何解决方案或建议将不胜感激。

注意：请注意，我不想使用任何 JavaScript 库。

【问题讨论】：

不，我没有使用任何 JavaScript 库。
拿到整个元素后打算做什么操作。
什么是“完整”元素？有数十、数百甚至数千个问题在问这个问题；那些不适合你吗？
@JaredFarrish 同一个类的元素不会再出现一次
document.getElementsByClassName("myclass") 应该返回一个 HTMLCollection 你会得到一个 hte html 元素数组 -> document.getElementsByClassName("myclass")[0] 会给你你想要的

【解决方案1】：

使用document.getElementsByClassName('myclass') 查找您的元素。这将返回一个数组，因此您可以检查它是否为空并通过[0] 检索其第一个元素。

之后，您可以使用其outerHTML 属性将完整标记作为字符串获取。

【讨论】：