在网页开发中，JavaScript 是一种非常强大的工具，它可以帮助我们与网页进行交互。其中，获取网页中的元素是进行交互的第一步。今天，我们就来聊聊如何使用 JavaScript 快速获取网页中的 img 标签，这里有 5 种方法供你选择。
方法一：使用 document.getElementsByTagName
这种方法是最直接的方式，通过 getElementsByTagName 方法可以直接获取到页面中所有的 img 标签。
var images = document.getElementsByTagName('img');
方法二：使用 document.querySelector
querySelector 方法可以接受 CSS 选择器作为参数，这使得我们能够通过更精确的 CSS 选择器来获取特定的 img 标签。
var image = document.querySelector('img');
如果你想要获取某个类名为 my-class 的 img 标签，可以这样写：
var image = document.querySelector('.my-class img');
方法三：使用 document.querySelectorAll
与 querySelector 类似，querySelectorAll 也可以接受 CSS 选择器，但它会返回一个 NodeList 对象，包含所有匹配的元素。
var images = document.querySelectorAll('.my-class img');
方法四：使用 document.getElementsByClassName
这种方法与 getElementsByTagName 类似，但它获取的是具有指定类名的元素。
var images = document.getElementsByClassName('my-class');
需要注意的是，getElementsByClassName 返回的是一个 HTMLCollection 对象，而不是 NodeList。
方法五：使用 document.getElementById
如果你知道 img 标签的 ID，可以使用 getElementById 来获取它。
var image = document.getElementById('my-id');
总结
以上五种方法都是获取网页中 img 标签的有效途径。在实际应用中，你可以根据具体需求选择合适的方法。如果你需要获取所有 img 标签，getElementsByTagName 是一个不错的选择；如果你需要获取特定类名或 ID 的 img 标签，querySelector、querySelectorAll、getElementsByClassName 和 getElementById 都能派上用场。
希望这篇文章能帮助你更好地理解如何在 JavaScript 中获取网页中的 img 标签。如果你有任何疑问或需要进一步的帮助，请随时提问。