자바 스크립트 HTMLCollection 액세스

니코

웹 사이트를 만들고 자바 스크립트를 구현해야합니다. HTML 메뉴에서 자식 노드를 얻고 싶습니다.

다음은 내 HTML 구조의 일부입니다.

    <ul class="menu">
       <div class="moduletable_menu">
          <ul class="nav menu nav-pills">
             <li class="item-101">
             <li class="item-108 current active deeper parent">
             <li class="item-127">
             <li class="item-113 deeper parent">
             <li class="item-124">
             <li class="item-116 deeper parent">
          </ul>
       </div>
    </ul>

그래서 "활성"요소를 얻고 싶습니다. 다음 코드를 만들었습니다.

    function getmenuItem(){
   var SelectedItem = document.getElementsByClassName("active");
   console.log(SelectedItem);
   console.log(SelectedItem.length);
    } 

여기에 문제가 있습니다.

Firebug를 통해 콘솔을 표시했는데

HTMLCollection[]
0

그런 다음 컬렉션에 액세스하려고했지만 SelectedElement[0]"정의되지 않음"이 발생했습니다.

활성 요소의 자식을 얻는 방법을 보여주세요.

M Oehm

요소는 HTML 페이지가 구성된 후에 만 ​​찾을 수 있습니다. <script>문서 에서 코드 조각이 독립형 <head>인 경우 "active"아직 클래스 요소가 없습니다 .

windows.onload페이지가로드되고 해당 요소가 생성 된 후 호출되는에 코드를 삽입합니다 .

window.onload = function() {
    var SelectedItem = document.getElementsByClassName("active");

    console.log(SelectedItem);
    console.log(SelectedItem.length);
} 

그런 다음 컬렉션의 길이는 1이어야하며을 사용하여 첫 번째 요소에 액세스 할 수 있습니다 [0]. 코드는 onclick문서가 이미있는 경우에만 실행 되는와 같은 이벤트 처리기에서 호출 될 때도 작동 합니다. (그렇지 않으면 클릭 할 버튼이 없기 때문입니다.)

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 HTMLCollection의 객체 변수 비교

분류에서Dev

자바 스크립트 액세스 div

분류에서Dev

자바 스크립트 클래스 변수 액세스

분류에서Dev

자바 스크립트에서 모델 속성에 액세스

분류에서Dev

Puppeteer에서 자바 스크립트 변수에 액세스

분류에서Dev

자바 스크립트 파일의 json에 액세스

분류에서Dev

자바 스크립트에서 JSON 데이터에 액세스

분류에서Dev

레일에서 자바 스크립트에 액세스

분류에서Dev

자바 스크립트를 통해 JSON에 액세스

분류에서Dev

객체 자바 스크립트 getter 액세스 문제

분류에서Dev

자바 스크립트에서 상위 속성에 액세스

분류에서Dev

객체 자바 스크립트 내의 배열에 액세스

분류에서Dev

자바 스크립트 내에서 JSON 응답에 액세스

분류에서Dev

angularjs에서 자바 스크립트 변수 액세스

분류에서Dev

함수 자바 스크립트에 액세스

분류에서Dev

자바 스크립트 사전 액세스 목록

분류에서Dev

자바 스크립트의 Rails Hash, 액세스 값

분류에서Dev

자바 스크립트에서 객체 속성에 액세스

분류에서Dev

자바 스크립트에서 로컬 파일에 액세스

분류에서Dev

자바 스크립트 개체의 요소에 액세스

분류에서Dev

자바 스크립트 : 액세스 슬라이더 값

분류에서Dev

자바 스크립트에서 장고 URL에 액세스

분류에서Dev

일반 자바 스크립트의 JSON 액세스 하위

분류에서Dev

자바 스크립트에서 JSONArrays에 액세스

분류에서Dev

자바 스크립트에 액세스하는 외부 json

분류에서Dev

자바 스크립트의 Java Enum 필드에 액세스

분류에서Dev

자바 스크립트로 XForms / XSLTForms 모델 인스턴스에 액세스

분류에서Dev

자바 스크립트의 laravel 구문에서 자바 스크립트 변수에 액세스하는 방법

분류에서Dev

Beautiful Soup을 사용하여 자바 스크립트 텍스트에 액세스

Related 관련 기사

  1. 1

    자바 스크립트 HTMLCollection의 객체 변수 비교

  2. 2

    자바 스크립트 액세스 div

  3. 3

    자바 스크립트 클래스 변수 액세스

  4. 4

    자바 스크립트에서 모델 속성에 액세스

  5. 5

    Puppeteer에서 자바 스크립트 변수에 액세스

  6. 6

    자바 스크립트 파일의 json에 액세스

  7. 7

    자바 스크립트에서 JSON 데이터에 액세스

  8. 8

    레일에서 자바 스크립트에 액세스

  9. 9

    자바 스크립트를 통해 JSON에 액세스

  10. 10

    객체 자바 스크립트 getter 액세스 문제

  11. 11

    자바 스크립트에서 상위 속성에 액세스

  12. 12

    객체 자바 스크립트 내의 배열에 액세스

  13. 13

    자바 스크립트 내에서 JSON 응답에 액세스

  14. 14

    angularjs에서 자바 스크립트 변수 액세스

  15. 15

    함수 자바 스크립트에 액세스

  16. 16

    자바 스크립트 사전 액세스 목록

  17. 17

    자바 스크립트의 Rails Hash, 액세스 값

  18. 18

    자바 스크립트에서 객체 속성에 액세스

  19. 19

    자바 스크립트에서 로컬 파일에 액세스

  20. 20

    자바 스크립트 개체의 요소에 액세스

  21. 21

    자바 스크립트 : 액세스 슬라이더 값

  22. 22

    자바 스크립트에서 장고 URL에 액세스

  23. 23

    일반 자바 스크립트의 JSON 액세스 하위

  24. 24

    자바 스크립트에서 JSONArrays에 액세스

  25. 25

    자바 스크립트에 액세스하는 외부 json

  26. 26

    자바 스크립트의 Java Enum 필드에 액세스

  27. 27

    자바 스크립트로 XForms / XSLTForms 모델 인스턴스에 액세스

  28. 28

    자바 스크립트의 laravel 구문에서 자바 스크립트 변수에 액세스하는 방법

  29. 29

    Beautiful Soup을 사용하여 자바 스크립트 텍스트에 액세스

뜨겁다태그

보관