Question

我在网页上使用Google协作平台，我希望它的部分内容具有动态性。因此，我想要实现的是在存在点击事件时更改与某些HTML元素关联的CSS类。

例如为：初步情况：

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

点击＆＃34; World＆＃34;：

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

Answer 1

为div添加ID，然后：

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

或者，您可以获取具有该特定类名的所有元素，然后循环遍历它们以更改其类名。

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

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

当然，您可以在进行更改之前添加if / else语句来检查某些条件。

Answer 2

现在我明白了您要找的内容，请检查here。

所请求页面的HTML内容有一个get和set方法。通过操纵生成的字符串，应该可以将div更改为所需的类和其他类似的东西。这应该是一个良好的开端，我们将不得不与其他人一起玩。

link也可能有所帮助，但我相信它有一些限制。

使用Google协作平台和Google App脚本，如何动态更改HTML元素的CSS类？

2 个答案: