js獲取img的圖片資料庫（js獲取img的src）

本文目錄一覽：

• 1、如何用JS獲取一個Img的src並判斷是否為空？
• 2、JS如何獲取頁面內所有的標籤元素?
• 3、javascript 獲取img簡單問題
• 4、js獲取a標籤下img的圖片路徑
• 5、JS獲取某DIV區域內圖片或帶ID屬性的IMG圖片代碼

如何用JS獲取一個Img的src並判斷是否為空？

if(document.getElementById(‘img’).src==”){} //方法一

if(document.getElementById(‘img’).src){} //方法二

JS如何獲取頁面內所有的標籤元素?

使用以下關鍵代碼：

1、簡單的HTML頁面，放入一些img標籤：

2、頁面載入完成後，讀取img標籤：

3、展示頁面：

4、打開開發者模式，瀏覽器console：（已讀取）

5、錯誤分析，getElementByTagName：（少了一個s，Elements）

擴展資料：

getElementsByTagName() 特性：

這方法會忽略文檔的結構。假如希望查找文檔中所有的 p 元素，getElementsByTagName() 會把它們全部找到，不管 p 元素處於文檔中的哪個層次。

這方法會提供任何所需要的 HTML 元素，不論它們在文檔中所處的位置。

1、getElementsByTagName() 方法會使用指定的標籤名返回所有的元素（作為一個節點列表）

2、getElementsByTagName() 這方法可查找整個 HTML 文檔中的任何 HTML 元素。

javascript 獲取img簡單問題

firefox的節點和ie下是不一樣的，就算是空格也是一個節點。

for(var i=0;id.length;i++){

alert(d[i].firstChild.nodeName);

alert(d[i].firstChild.firstChild.src);

}

你往這裡面加上alert(d[i].firstChild.nodeName);這句，在firefox下列印出來，會發現這個對象不是A而是text。

所以應該寫成這樣：

var d = document.getElementById(‘list’).getElementsByTagName(‘li’);

for(var i=0;id.length;i++){

var obj = d[i].childNodes;

for(var j=0;jobj.length;j++)

{

if(obj[j].nodeName==”A”)

{

alert(obj[j].firstChild.src);

}

}

}

保證你取到的節點是A後再取它的子節點img。

當然，因為你的a下面沒有空格只有img，所以上面的代碼執行的是正確的，如果中間有空格，就還是需要再做判斷。

js獲取a標籤下img的圖片路徑

js獲取圖片名稱

img id=”image01″ src=”images/default/logo.gif” /

script type=”text/javascript”

var s=document.getElementByIdx_x_x_x(“image01”).src;

alert(s.substring(s.lastIndexOf(“/”)+1)); –lastindexof()找到所要找的字元的位置,

–substring()獲取指定位置以後(從左向右)的字元值

–這句話得到的值為logo.gif

/script

JS獲取某DIV區域內圖片或帶ID屬性的IMG圖片代碼

第一種：

$(function(){

$(“.imgabcdefg img”).css(“width”,”100px”);

})

第二種：

script

$(function(){

$(“.head_menu ul”).find(“li”).each(function(){

$(this).each(function(){

if($(this).attr(“id”)){

alert($(this).html());

//alert($(this).attr(“id”));

}

});

});

})

/script

div class=”head_menu”

ul

lia href=”#”第一個/a/li

li id=”2″a href=”#”第二個/a/li

lia href=”#”第三個/a/li

/ul

/div