javascript - 자바스크립트 - 제이 쿼리 attr src



자바 스크립트:속성 변경을 들어요? (1)

MutationObserver 가 필요합니다. 스 니펫에서 setTimeout 을 사용하여 속성 수정을 시뮬레이션했습니다.

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

var element = document.querySelector('#test');
setTimeout(function() {
  element.setAttribute('data-text', 'whatever');
}, 5000)

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type == "attributes") {
      console.log("attributes changed")
    }
  });
});

observer.observe(element, {
  attributes: true //configure it to listen to attribute changes
});
<div id="test">
</div>

자바 스크립트에서 속성 값의 변경을 수신 할 수 있습니까? 예 :

var element=document.querySelector('…');
element.addEventListener( ? ,doit,false);

element.setAttriubte('something','whatever');

function doit() {

}

something 속성의 변경 사항에 응답하고 싶습니다.

MutationObserver 객체와 그 대안 (애니메이션 이벤트를 사용하는 객체 포함)에 대해 읽었습니다. 제가 말할 수있는 한, 실제 DOM에 대한 변경 사항입니다. 나는 특정 DOM 요소에 대한 속성 변경에 더 관심이있어, 그렇게 생각하지 않는다. 내 실험에서 확실히 작동하지 않는 것 같습니다.

나는 jQuery 없이 이것을하고 싶다.

감사





custom-event