2015-01-27 3 views
-4
<Div class="abc"> 
<Div class="def"><img src="www.xyz.com/abc.jpg"> 
    <Div Class="ghj"><a href....></a> 
    </Div> 
</Div> 
</Div> 

난 그냥 인쇄 할 태그 + TXT/htmls이 : -.>HTML 태그는

<Div class="def"><img src="www.xyz.com/abc.jpg"> 
    <Div Class="ghj"><a href....></a> 
    </Div> 
</Div> 

내가 document.getelementsbyclass("abc")하지만 어떤 솔루션을 작업하거나 감사합니다 도움이되지를 시도!

+3

무엇이 문제입니까? 그리고 이것이 PHP와 어떤 관련이 있습니까? – putvande

+0

내가 언급 한 것처럼 부모 클래스 "abc"안에 모든 html 태그를 인쇄하려고합니다. – 1NJ3CT0R

답변

3

먼저 getelementsbyclass이 아니고 getElementsByClassName이 반환되며 NodeList이 반환되므로 색인 생성이 필요하며 innerHTML은 찾고있는 속성입니다. 더 나은

console.log(document.getElementByClassName('abc')[0].innerHTML); 
// [0] is to take the first element with class abc 

는 인수로 CSS 선택기를 받아 하나의 요소를 반환 querySelector을 사용하는 것입니다.

console.log(document.querSelector('abc').innerHTML); 
+0

나는 querySelector를 제외하고 동의합니다. 다른 옵션이 없을 때만 querySelector를 사용하십시오. 이유? 그것은 매우 느립니다. – Blaatpraat

0

JavaScript는 대소 문자를 구분합니다. 우선 getElementsByClassName()은 CammelCase로 작성해야하는 메소드입니다. 이 메소드는 해당 클래스가있는 DOM 노드의 배열을 리턴합니다. 이 요소의 html 값을 얻으려면 innerHTML을 사용하십시오. 에서

짧은

var html = document.getElementsByClassName('abc')[0].innerHTML; 

이 클래스 'ABC'와 첫 번째 요소의 HTML 값을 얻을 것이다;

관련 문제