Javascript Mootools中是否存在类名称?
我想将这个非常简单的JS更新到Mootools 1.2,这并不容易。 此功能:Javascript Mootools中是否存在类名称?,javascript,mootools,Javascript,Mootools,我想将这个非常简单的JS更新到Mootools 1.2,这并不容易。 此功能: function changeclass(x){ document.getElementById("content").className = "ziclass0"; document.getElementById("content").className = "ziclass" + x; } 在DOM中通过以下方式触发:
function changeclass(x){
document.getElementById("content").className = "ziclass0";
document.getElementById("content").className = "ziclass" + x;
}
在DOM中通过以下方式触发:
<div id="someclass">
a href="javascript: changeclass(0)">Unstyled</a
a href="javascript: changeclass(1)">link one</a
a href="javascript: changeclass(2)">link two</a
a href="javascript: changeclass(3)">link three</a
</div>
并在中相应地更改布局:
<div id="content" class="ziclass3"> ... </div>
但是,如何获得内容类的类名呢
通过数组
我在这里有点困惑
我非常感谢任何帮助我走上正轨的人这些都是MooTools的基础。无论如何,下面是如何更改元素集合的类名:
$$('#container a').each(function(link){
link.addEvents({
click: function(e){
e.stop();
this.set('class', 'newClassName');
// to append a class
// this.addClass('appendThisClass');
}
});
});
下面是一个工作示例:
都在文档中:但这并不是我想要的。 触发元素(a)通过循环其位于“href”中的编号来调用css元素。 例: 结果: HTML: 在这里,我可以得到href中的数组值,如下所示:
a href="1">Link one</a
a href="2">Link two</a
a href=“1”>链接一链接二嘿,太简单了。非常感谢。多亏了一个关于变量作用域的线程,我终于将这个简单的JS脚本移植到了Mootools 1.2。JSFIDLE上的示例:在处理它的过程中,我设计了一个滚动示例:CSS示例来自Matt Ward的一篇文章:创建漂亮的CSS3排版::Echo博客
$$('#container a').each(function(link){
link.addEvents({
click: function(e){
e.stop();
this.set('class', 'newClassName');
// to append a class
// this.addClass('appendThisClass');
}
});
});
a href="javascript: changeclass(1)">Link One</a
a href="javascript: changeclass(2)">Link Two</a
function changeclass(x){
document.getElementById("content").className = "ziclass" + x;
}
a href="javascript: changeclass(1)">Link One</a
a href="javascript: changeclass(2)">Link Two</a
<div id="content" class="ziclass1">
...
</div>
var myArray = ["0","1","2", etc ...];
function myFunction() {
myArray.each(function(value, index, array){
$(value).addEvent('click',function(event) {
console.log(value);
// add my class here
});
});
};
myFunction();
a href="1">Link one</a
a href="2">Link two</a