웹 사이트를 만들고 자바 스크립트를 구현해야합니다. 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]
"정의되지 않음"이 발생했습니다.
활성 요소의 자식을 얻는 방법을 보여주세요.
요소는 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] 삭제
몇 마디 만하겠습니다