在網頁開發中，我們經常會用到標簽來展示圖片。在某些情況下，我們需要通過JavaScript獲取到這些標簽，從而對它們進行一些操作。下面就來介紹一下如何使用JavaScript獲取標簽，并示例說明。

如何獲取標簽？對于已經存在于文檔中的標簽，我們可以通過以下兩種方法來獲?。?/p>

// 方法一：通過id屬性獲取
var myImg = document.getElementById('myImgId');
// 方法二：通過標簽名獲取
var myImgs = document.getElementsByTagName('img');

上述方法會將獲取到的標簽作為DOM元素返回，我們可以通過它們的屬性和方法來操作這些元素。下面就以更改圖片寬高為例來演示如何操作獲取到的圖片元素。

// 獲取圖片元素
var myImg = document.getElementById('myImgId');
// 更改寬度和高度
myImg.width = '500';
myImg.height = '300';

除了已經存在于文檔中的標簽，我們還可以通過JavaScript來創建標簽，并進行相關操作。下面就以創建一個標簽并更改它的src屬性為例來演示如何操作。

// 創建圖片元素
var newImg = document.createElement('img');
// 更改src屬性
newImg.src = 'http://exmaple.com/test.jpg';
// 將圖片添加到文檔中，這里以body為例
document.body.appendChild(newImg);

除了獲取標簽的屬性，我們還可以通過它們的事件來監聽用戶操作。常用的事件有：onclick、onmouseover、onmouseout等。下面以鼠標懸停事件為例來演示如何監聽。

// 獲取圖片元素
var myImg = document.getElementById('myImgId');
// 監聽鼠標懸停事件
myImg.onmouseover = function() {
alert('你現在懸停在圖片上！');
};

以上就是關于如何獲取標簽的介紹，希望能夠對你有所幫助。