如何在不知道ID的情況下從JavaScript中選擇HTML元素？

我的頁面上有一個未知數的<img>元素，沒有ID，我需要能夠瀏覽它們並根據一些不可預知的因素設置某些屬性。如何在不知道ID的情況下從JavaScript中選擇HTML元素？

2010-11-24 Giffyguy

使用document.getElementsByTagName()：

var imgs = document.getElementsByTagName("img"); 

for(var i = 0; i < imgs.length; i++) { 
    var currentImg = imgs[i]; 
    if (currentImg.somAttr) { 
     // do your stuff 
    } 
}

來源

2010-11-24 04:49:00 Alex

這正是我會推薦的代碼（假設它是一個圖書館不可知的網站）。 – Moses 2010-11-24 04:52:13

+1 for for循環 – gnarf 2010-11-24 05:44:24

-1

如果不知道更多細節，很難回答這個問題，但是您是否考慮過使用Jquery？

來源

2010-11-24 04:46:14 ddrace

使用jQuery和元素類型$（「IMG」）搜索每個（）給每個元素

來源

2010-11-24 04:47:46

可以使用的getElementsByTagName得到的img標籤的列表上執行時的操作：

https://developer.mozilla.org/en/DOM/element.getElementsByTagName

來源

2010-11-24 04:47:49 david

您可以設置圖像標籤的名稱屬性，並可以使用document.getElementsByName執行任何操作。

例如

<script type="text/javascript"> 
function getElements() 
    { 
    var x=document.getElementsByName("x"); 
    alert(x.length); 
    } 
</script> 

<input name="x" type="text" size="20" /><br /> 
<input name="x" type="text" size="20" />

來源

2010-11-24 04:48:52

你會使用this function通過它們來瀏覽一個數組：

document.getElementsByTagName('img');

這是img元素的數組，你可以像對待一樣對待它功能（即你仍然可以在元件上相同的操作，但你需要參考的要素）：

document.getElementsByTagName('img')[0]

如果你談論的因素是非常複雜的，我會用jQuery（這是真的很強大）：

$('img[alt]').css('padding', '10px');

這將添加一個10px填充到每個圖像與alt屬性（我希望，因爲我臭名昭着的幾乎工作的代碼）。

祝你好運！

來源

2010-11-24 04:49:14 Blender

jQuery可能是您最好的選擇。否則，你將不得不遍歷一個dom樹並手動檢查屬性。一旦你使用jQuery，你可以通過屬性來選擇元素，如名稱，類，標籤名稱（輸入，圖像等）及其組合。

$("image .className").attr(....

http://www.jquery.com

來源

2010-11-24 04:49:34

大家忘掉document.images ...

for(var i = 0; i < document.images.length; i++) { 
    var img = document.images[i]; 

    if(img.src == "banner.gif") { 
    img.alt = "Banner"; 
    } 
    else if(img.alt == "Giraffe") { 
    img.title = "15 feet tall!"; 
    } 
}

如果您需要在另一個元素中獲取圖像，你可以使用getElementsByTagName ...

var elem = document.getElementById('foo'); 
var fooImages = elem.getElementsByTagName('img');

來源

2010-11-24 04:52:53

如何在不知道ID的情況下從JavaScript中選擇HTML元素？

回答

相關問題