Czy można uczynić atrybuty elementów HTML niezmiennymi?

Question

Jeśli chcę, aby właściwości obiektu javascript były niezmienne, mogę użyć metod Object, takich jak defineProperties(), defineProperty() i freeze(). Moje pytanie brzmi: jak mogę zrobić to samo z atrybutami elementów HTML?

Próbowałem już wyżej wymienionych metod i chociaż można ich użyć do zapobiegania ustawianiu właściwości elementu bezpośrednio (na przykład elem.id = 'foo';), zgodnie z oczekiwaniami, podstawowe atrybuty można jeszcze zmienić za pomocą setAttribute().

Odpowiedź "nie, to niemożliwe" byłaby możliwa do zaakceptowania, ale nie spotkałem się jeszcze z ostatecznym oświadczeniem w tej sprawie.

Answer 1

Możesz użyć obserwatorów mutacji, aby przywrócić poprzednią wartość atrybutu.

new MutationObserver(callback) 
    .observe(elem, {attributes: true, attributeOldValue: true}); 

function callback(mutations, observer) { 
    var target = mutations[0].target; 
    observer.disconnect(); 
    mutations.forEach(function(mutation) { 
     target.setAttribute(mutation.attributeName, mutation.oldValue); 
    }); 
    observer.observe(target, {attributes: true, attributeOldValue: true}); 
} 

Dzięki @DoctorDestructo do sugestii dotyczących observer.disconnect które są konieczne, aby uniknąć nieskończonej pętli.