JavaScript를 사용하여 div 태그 내에서 img 요소를 가져 오는 방법은 무엇입니까?

라 가브 가그

아래는 내 HTML입니다.

<div id="mover">
    <img src="images/building3.jpg" width="330" height="150" />
    <img src="images/building5.jpg" width="330" height="150" />
    <img src="images/building1.jpg" width="330" height="150" />
    <img src="images/building4.jpg" width="330" height="150" />
</div>

사용 :

document.getelementById("mover");

이 div 만 제공합니다. JavaScript를 사용하여이 div에서 모든 이미지를 어떻게 가져올 수 있습니까?

웹 트릭 101

이것이 효과가 있는지 알려주십시오.

<html>
<body>

<div id="mover">
    <img src="images/building3.jpg" width="330" height="150" />
    <img src="images/building5.jpg" width="330" height="150" />
    <img src="images/building1.jpg" width="330" height="150" />
    <img src="images/building4.jpg" width="330" height="150" />
</div>


<script>

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

for (i in imgs) {
    if (parseInt(i) > -1) { // check if it is an integer        
        alert(document.getElementById("mover").getElementsByTagName("img")[i].src);
    }
}

</script>

</body>
</html>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

특정 태그 reg 표현식으로 JavaScript를 사용하여 HTML 문서에서 요소를 가져 오는 방법은 무엇입니까?

분류에서Dev

Colfusion 내에서 JavaScript를 사용하여 img 태그에 src 속성을 추가하려고 할 때 오류가 발생하는 이유는 무엇입니까?

분류에서Dev

JavaScript를 사용하여 <div> 요소에 쓰는 방법은 무엇입니까?

분류에서Dev

JavaScript를 사용하여 페이지에서 특정 클래스로 동적으로로드 된 HTML 태그를 가져 오는 방법은 무엇입니까?

분류에서Dev

요소 태그 이름을 사용하여 DOM 트리를 오르 내리는 방법은 무엇입니까?

분류에서Dev

XPath 상위 축을 사용하여 ID 태그 위에 IMG 태그를 가져 오는 방법

분류에서Dev

조건문에 img 태그를 표시하는 방법은 무엇입니까?

분류에서Dev

DOM을 사용하여 div 내에서 요소를 선택하는 방법은 무엇입니까?

분류에서Dev

ETL을 사용하여 CSV에서 Edge를 OrientDB 그래프로 가져 오는 방법은 무엇입니까?

분류에서Dev

태그가 아닌 div를 클릭하면 div 내에서 태그의 클래스 목록을 얻는 방법은 무엇입니까?

분류에서Dev

wget을 사용하여 웹 페이지의 특정 태그 사이에서 텍스트를 가져 오는 방법은 무엇입니까?

분류에서Dev

jquery로 img 태그에 하나의 새 속성 'ref = "gallery"'를 추가하는 방법은 무엇입니까?

분류에서Dev

내부에 <Router> 태그가있는 구성 요소를 테스트하는 방법은 무엇입니까?

분류에서Dev

TVML의 img 태그에 자리 표시 자 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

innertext를 사용하여 js의 태그에 텍스트를 추가하고 div의 ID에 추가하는 방법은 무엇입니까?

분류에서Dev

여러 폴더에서 태그를 가져 오는 방법은 무엇입니까?

분류에서Dev

DOMDocument를 통해 div 내부의 단락 태그에서 콘텐츠를 가져 오는 방법은 무엇입니까?

분류에서Dev

CSS를 사용하여 이러한 범위 태그를 선택기 요소에 바로 가까이 이동하는 방법은 무엇입니까?

분류에서Dev

헤더 코드를 잘라내어 div 태그에 추가하는 방법은 무엇입니까?

분류에서Dev

jQuery를 사용하여 img를 둘러싼 P 태그를 제거하는 방법은 무엇입니까?

분류에서Dev

history.push를 사용할 때 한 구성 요소에서 다른 구성 요소로 상태 변수를 가져 오는 방법은 무엇입니까?

분류에서Dev

javascript 또는 jQuery를 사용하여 iframe 외부의 요소를 가져 오는 방법은 무엇입니까?

분류에서Dev

lxml / xpath를 사용하여 XML 내보내기에서 IMG 태그가있는 모든 가이드 ID 및 페이지를 찾는 방법은 무엇입니까?

분류에서Dev

PHP의 img 태그에 preg_replace 클래스와 src를 사용하는 방법은 무엇입니까?

분류에서Dev

닫는 태그 앞에 여러 div 안에 콘텐츠를 추가하는 방법은 무엇입니까?

분류에서Dev

가져온 스타일 시트를 사용자 지정 요소의 템플릿 태그 콘텐츠에 적용하는 방법은 무엇입니까?

분류에서Dev

groovy를 사용하여 XML 파일에 <root> 태그를 추가하는 방법은 무엇입니까?

분류에서Dev

Javascript / jQuery를 사용하여 div 콘텐츠에서 HTML 태그를 제거하는 방법은 무엇입니까?

분류에서Dev

Google 스프레드 시트에서 IMPORTXML 및 Xpath를 사용하여 <img src> URL을 가져 오는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    특정 태그 reg 표현식으로 JavaScript를 사용하여 HTML 문서에서 요소를 가져 오는 방법은 무엇입니까?

  2. 2

    Colfusion 내에서 JavaScript를 사용하여 img 태그에 src 속성을 추가하려고 할 때 오류가 발생하는 이유는 무엇입니까?

  3. 3

    JavaScript를 사용하여 <div> 요소에 쓰는 방법은 무엇입니까?

  4. 4

    JavaScript를 사용하여 페이지에서 특정 클래스로 동적으로로드 된 HTML 태그를 가져 오는 방법은 무엇입니까?

  5. 5

    요소 태그 이름을 사용하여 DOM 트리를 오르 내리는 방법은 무엇입니까?

  6. 6

    XPath 상위 축을 사용하여 ID 태그 위에 IMG 태그를 가져 오는 방법

  7. 7

    조건문에 img 태그를 표시하는 방법은 무엇입니까?

  8. 8

    DOM을 사용하여 div 내에서 요소를 선택하는 방법은 무엇입니까?

  9. 9

    ETL을 사용하여 CSV에서 Edge를 OrientDB 그래프로 가져 오는 방법은 무엇입니까?

  10. 10

    태그가 아닌 div를 클릭하면 div 내에서 태그의 클래스 목록을 얻는 방법은 무엇입니까?

  11. 11

    wget을 사용하여 웹 페이지의 특정 태그 사이에서 텍스트를 가져 오는 방법은 무엇입니까?

  12. 12

    jquery로 img 태그에 하나의 새 속성 'ref = "gallery"'를 추가하는 방법은 무엇입니까?

  13. 13

    내부에 <Router> 태그가있는 구성 요소를 테스트하는 방법은 무엇입니까?

  14. 14

    TVML의 img 태그에 자리 표시 자 이미지를 추가하는 방법은 무엇입니까?

  15. 15

    innertext를 사용하여 js의 태그에 텍스트를 추가하고 div의 ID에 추가하는 방법은 무엇입니까?

  16. 16

    여러 폴더에서 태그를 가져 오는 방법은 무엇입니까?

  17. 17

    DOMDocument를 통해 div 내부의 단락 태그에서 콘텐츠를 가져 오는 방법은 무엇입니까?

  18. 18

    CSS를 사용하여 이러한 범위 태그를 선택기 요소에 바로 가까이 이동하는 방법은 무엇입니까?

  19. 19

    헤더 코드를 잘라내어 div 태그에 추가하는 방법은 무엇입니까?

  20. 20

    jQuery를 사용하여 img를 둘러싼 P 태그를 제거하는 방법은 무엇입니까?

  21. 21

    history.push를 사용할 때 한 구성 요소에서 다른 구성 요소로 상태 변수를 가져 오는 방법은 무엇입니까?

  22. 22

    javascript 또는 jQuery를 사용하여 iframe 외부의 요소를 가져 오는 방법은 무엇입니까?

  23. 23

    lxml / xpath를 사용하여 XML 내보내기에서 IMG 태그가있는 모든 가이드 ID 및 페이지를 찾는 방법은 무엇입니까?

  24. 24

    PHP의 img 태그에 preg_replace 클래스와 src를 사용하는 방법은 무엇입니까?

  25. 25

    닫는 태그 앞에 여러 div 안에 콘텐츠를 추가하는 방법은 무엇입니까?

  26. 26

    가져온 스타일 시트를 사용자 지정 요소의 템플릿 태그 콘텐츠에 적용하는 방법은 무엇입니까?

  27. 27

    groovy를 사용하여 XML 파일에 <root> 태그를 추가하는 방법은 무엇입니까?

  28. 28

    Javascript / jQuery를 사용하여 div 콘텐츠에서 HTML 태그를 제거하는 방법은 무엇입니까?

  29. 29

    Google 스프레드 시트에서 IMPORTXML 및 Xpath를 사용하여 <img src> URL을 가져 오는 방법은 무엇입니까?

뜨겁다태그

보관