Google Sites ve Google Uygulama Komut Dosyalarını kullanarak, bir HTML öğesinin CSS sınıfını dinamik olarak nasıl değiştirebilirim?

Question

Web sitelerim için Google Sites'ı kullanıyorum ve bunların bir kısmının dinamik olmasını istiyorum. Bu nedenle, elde etmek istediğim, belirli bir HTML öğesiyle ilişkilendirilmiş CSS sınıfını bir tıklama etkinliğinin varlığında değiştirmek.

Örn: Başlangıç ​​durumu: "Dünya" üzerine tıkladıktan sonra

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

:

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

Answer 1

sonra, div bir kimlik ekleyin: Alternatif

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

yapabilirsiniz tüm öğeleri o sınıf adıyla al, sonra sınıf adlarını değiştirmek için bunlara dönüş.

function method() { 
    var myDivs = document.getElementsByClassName("foo"); 

for (var i = 0; i < myDivs.length; i++) 
    myDivs[i].className = "bar"; 
} 

Artık, değişiklikler yapmadan önce belirli koşulları kontrol etmek için/else ifadeleri ekleyebilirsin.

Answer 2

Şimdi aradığınızı anlıyorum, bunu kontrol edin link.

İstenen sayfanın HTML içeriği için bir get ve set yöntemi vardır. Oluşturulan dizgeyi manipüle ederek, daha sonra divı gereken sınıfa ve benzeri şeylere değiştirmek mümkün olmalıdır. Bu iyi bir başlangıç ​​olmalı, diğerleriyle birlikte oynamak zorundayız.

This da yardımcı olabilir, ancak bazı sınırlamaları olduğuna inanıyorum.