Javascript에서 UL 요소의 요소 변경을 모니터링하는 방법

Question

li 추가 또는 제거 된 등의 하위 요소의 변경 사항에 대해 UL 요소를 모니터링하고 싶습니다. 각 li이있는 화면에 탭을 표시하는 데 UL을 사용합니다 별도의 탭. 탭이 변경 될 때 스크립트 파일에서 내 자신의 함수를 호출하도록 탭 스크립트를 수정할 수있는 권한이 없습니다.

저는 주로 IE 브라우저를 지원해야하며 순수한 JavaScript를 사용해야합니다.

Answer 1

이것이 가능한 것으로 알고있는 유일한 방법은 다음과 같습니다. 나는 이것이 이것을하는 아주 좋은 방법이라고 말할 수 없다.

var onchange = function(element, callback) { 
    var HTML = element.innerHTML; 
    window.setInterval(function() { 
     var newHTML = element.innerHTML; 
     if(HTML !== newHTML) { 
      HTML = newHTML; 
      callback(element); 
     } 
    }); 
} 

이 요소를 모니터링하고는이 콜백 함수를 호출합니다 변경된 경우 innerHTML을 확인합니다.

데모 : http://jsfiddle.net/qmB97/

사용법 :

onchange(HTMLElement, function() { 
    alert('change'); 
}); 

Answer 2

IE11은 MutationObserver