Aktualisiere Seitentitel mit Aktualisierung des Span-Tag-Wertes mit Javascript

Question

Ich habe ein Span-Tag mit id = 'title' und dieser Wert ändert sich nach einiger Zeit. Ich möchte den Seitentitel mit diesem Wert aktualisieren, wenn er aktualisiert wird.

z.B. <span id='title'>Title</span> - Dies ist aktuelle Titel

wenn nach einiger Zeit es

durch ein anderes Skript aktualisiert

<span id='title'>New title</span> 

Ich möchte den Titel Seite aktualisieren, um „Neuer Titel“ sobald sie sich ändert und egal, wie viele Mal ändert es sich.

Jetzt muss ich Funktion alle 1 Sekunde aufrufen, um den Seitentitel zu aktualisieren. Das blinkt den Seitentitel. Also möchte ich die Änderung überwachen und wenn der Wert sich ändert, möchte ich, dass der Wert der Titel der Seite ist.

Answer 1

Ja. Sie können es erreichen, indem

Mutation Observer

ich Ihre Frage beantwortet auf der Grundlage Ihrer jsfiddle Link in Kommentar, den ich MutationObserver verwendet haben, um zu erreichen, was Sie wollen.

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || 
window.MozMutationObserver; 
     var target = document.querySelector('#demo'); 

     var observer = new MutationObserver(function(mutations) { 
     mutations.forEach(function(mutation) { 
      if (mutation.type === 'childList') { 
      console.log(mutation.type); 
      document.getElementById('status').innerHTML='changed'; 
      } 
     }); 
     }); 

     observer.observe(target, { 
     attributes: true, 
     childList: true, 
     characterData: true 
     }); 

Ich habe es auf diese fiddle gegabelt.

Hoffe, dass es

Answer 2

Diese Diskussion scheint auf das gleiche Problem zu schauen - nur statt einer Spanne überwachen sie ein div.Ich weiß, du willst dies mit reinem JavaScript tun, aber ich denke, der Thread ist immer noch gut zu überprüfen.
Jquery Event : Detect changes to the html/text of a div