js獲取div下的一個img

Ⅰ 請問js怎麼選擇子元素

使用jquery獲取某DIV的子元素，通常有以下兩種方法：

• 子元素選擇器（>），例如 $("div>img") 獲取div下的img子元素；

• 遍歷函數children()，例如 $("div").children("img") 同樣是獲取div下的img子元素。

如果想要獲取DIV下的不僅是子元素，而且還包括其他後代元素（孫輩、曾孫輩元素...），那麼，相應的兩種方法是：

• 後代元素選擇器（空格），例如 $("div img") 獲取div下的所有級別的img後代元素；

• 遍歷函數find()，例如 $("div").find("img") 獲取div下的所有級別的ing後代子元素。

Ⅱ JS如何獲取某個DIV下的元素

1、新建一個html文件，命名為test.html，用於講解Jquery如何獲得div下的元素。

2、在test.html文件內，使用div標簽創建一個模塊，在div內，使用p標簽，span標簽創建測試的內容。

3、在test.html文件內，設置div的id屬性為divcon，主要用於下面通過該id獲得div對象。

4、在test.html文件內，使用button標簽創建一個按鈕，按鈕名稱為「獲得div下的元素」。

5、在test.html文件中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行divfun（）函數。

6、在js標簽中，創建divfun()函數，在函數內，通過id(divcon)獲得div對象，使用html()方法便可以獲得div對象下面的元素了。最後，使用alert()方法輸出元素。

7、在瀏覽器打開test.html文件，點擊按鈕，查看結果。

總結

1、創建一個test.html文件。

2、在文件內，在div標簽內，使用p標簽創建一行文字，同時創建一個button按鈕，用於觸發執行js函數。

3、在js標簽內，創建函數，在函數內，使用getElementById()方法通過id（mydiv）獲是div對象，再使用getElementsByTagName()方法獲得div下面的p元素對象，最後，使用alert()方法輸出p元素的內容。

Ⅲ 想在一個div裡面添加圖片，用js怎麼寫啊

1、新建一個HTML文件，保存為test.html，用於編寫代碼實現拖放功能 。

Ⅳ 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>
<li><a href="#">第一個</a></li>
<li id="2"><a href="#">第二個</a></li>
<li><a href="#">第三個</a></li>
</ul>
</div>

Ⅳ 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>
<li><a href="#">第一個</a></li>
<li id="2"><a href="#">第二個</a></li>
<li><a href="#">第三個</a></li>
</ul>
</div>

Ⅵ 請問用javascript 怎樣獲得 div中的img的坐標

呵呵，，不知道你會不會JQUERY，給你一個JQ的代碼吧：
獲取IMG絕對X,Y坐標，可以用回offset()方法：

var X = $('#img1').offset().top;
var Y = $('#img1').offset().left;

獲取相對(父元素答)位置:

var X = $('#img1').position().top;
var Y = $('#img1').position().left;

Ⅶ JS如何獲取頁面內所有的<img>標簽元素

使用以下關鍵代碼：

(7)js獲取div下的一個img擴展閱讀：

getElementsByTagName()特性：

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

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

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

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

Ⅷ JS怎麼獲取div下面的位元組裡面的img 注:第一個DIV裡面還有很多不同的DIV,又包含了img!!!

給每個img都加一個默認的class,然後獲取class的數量