JavaScript中可以使用document.getElementsByTagName方法后去img標簽,然后遍歷所有img標簽并為其添加點擊事件實現點擊彈出對話框。
JavaScript實現點擊圖片彈出對話框:
img {
width: 500px;
height: 300px;
}
//獲取所有的img標簽
var imgObjs = document.getElementsByTagName("img");
//遍歷標簽
for (var i = 0; i < imgObjs.length; i++) {
//注冊點擊事件,添加事件處理函數
imgObjs[i].onclick = function () {
alert("HTML中文網");
};
}
運行結果:
點擊圖片后效果:
getElementsByTagName() 方法
getElementsByTagName() 方法可返回帶有指定標簽名的對象的集合。
語法:document.getElementsByTagName(tagname)
JavaScript事件:
JavaScript 使我們有能力創建動態頁面。事件是可以被 JavaScript 偵測到的行為。 網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。比方說,我們可以在用戶點擊某按鈕時產生一個 onClick 事件來觸發某個函數。事件在 HTML 頁面中定義。