Wie kann ich mithilfe von Google Sites und Google App Scripts die CSS-Klasse eines HTML-Elements dynamisch ändern?

Question

Ich verwende Google Sites für meine Webseite und möchte Teile davon dynamisch gestalten. Daher möchte ich die CSS-Klasse ändern, die mit bestimmten HTML-Elementen in Verbindung mit einem On-Click-Ereignis verknüpft ist.

ZB: Ausgangssituation:

<div class="foo">Hello</div> 
<a href="#" onlick="method()">World</a> 

Nach einem Klick auf "Welt":

<div class="bar">Hello</div> 
<a href="#" onlick="method()">World</a> 

Answer 1

eine ID an den div hinzufügen, dann:

function method() { 
    var myDiv = document.getElementById("myDIV"); 
    myDiv.className = "bar"; 
} 

Alternativ können Sie Holen Sie alle Elemente mit diesem bestimmten Klassennamen und durchlaufen Sie sie dann, um ihren Klassennamen zu ändern.

Nun können Sie natürlich if/else-Anweisungen hinzufügen, um bestimmte Bedingungen zu überprüfen, bevor Sie Änderungen vornehmen.

Answer 2

Jetzt, wo ich verstehe, was Sie suchen, überprüfen Sie diese link.

Es gibt eine Methode zum Abrufen und Festlegen des HTML-Inhalts der angeforderten Seite. Durch Manipulation der generierten Zeichenfolge sollte es möglich sein, das div dann in die erforderliche Klasse und andere solche Dinge zu ändern. Das sollte ein guter Anfang sein, wir müssen mit dem Rest herumspielen.

This könnte auch hilfreich sein, aber ich glaube, dass es mehrere Einschränkungen hat.