hidden属性
hidden属性在HTML工作组中引发了巨大争议。在收获了一堆反对票之后，幸亏HTML工作组主席的支持，它才最终进到发布状态。批评家主要认为hidden是多余的。
在这里
宁波网站建设将通过hidden替游戏选择问题，用以证明hidden属性事实上是有用的。首先我们用hidden将所有选项隐藏，然后再随机选择4个选项显示。JavaScript代码如下：
varshowRandomNItems=function(q.n){varshow=[];for(vari=0;i〈q.length;i++){q.item(i).hidden=true;show.push(i);show.sort(function(){return-Math.random()});for(vari=0;i〈n;i++){q.item(show[i]).hidden=false;〉；
然后，我们将带H元索的列表作为变量q,以及要显示的元素数量变量ri作为参数传入函数functionshowRandomNItems()中。之后，我们将所有项先通过hidden=true隐藏，填充一个长度为0-q.length的新数组。最后，我们将数组随机排列，显示前II个首都名称。
1classList接口
藉由getElementsByClassName(),现在我们已经了解了全局属性class的第一部分内容。下一个部分是classList接口，通过它，我们可以使用item()、contains()、add0、removeO及toggle()方法管理被称为DOMTokenList中所有class属性的值。下面让们回到水果店的例子，以一种商品的class属性为例：
〈liclass="redapple"〉
借助li.classList，我们可以设置以下内容：
li.classList.length=〉2
li.classList.itemfo)=〉red
li.classList.item(l;=〉apple
li.classList.contains('red')=〉true
li.classList.contains('apple')=〉true
li.classList.contains('organic')=〉false
若在标价过程中忘记附上有机标签，我们可在稍后为红色有机苹果赋值：
li.classlist.add('organic')li.classList.item(2)=〉organic旁边货架上来自厄瓜多尔的香蕉被错误分类为有机，但我们可以轻易将此错误修正：
banana.classList.remove('organic')
对于早晨很新鲜而傍晚则不是那么新鲜的面包来说，我们可以加入toggleo来显示相关状态：
//早展新烤的
bread,classlist.add('fresh*)
//傍晚
bread.classList.toggle('fresh')
bread.classList.contains('fresh')=〉false//第二天早上新送来的面包bread.classList.toggle('fresh')
bread.classList.contains('fresh1)=〉true
在游戏“l-”中，我们使用classList来显示选定顺序为correct或wrong。在谈论及游戏的核心部分一拖曳函数之前，我们先改动一下游戏的布局，在城市分类列表左边添加四个区域，四个H元素的class都设为a，代表答案，对应代表问题的q。1到4的数字显示使用了从&m6;到&m9;的Unicode符号——也称为“丁贝反白无衬线数字(DingbatNegativeCircledDigits)”。
〈ol〉
〈liclass=a〉&mx6;〈/li〉
〈liclass=a〉&mx7；〈/li〉
〈liclass=a〉&mx8;〈/li〉
〈liclass=a〉&mx9；〈/li〉
〈/ol〉
再加上一些CSS格式，就完成了游戏的基础静态版本。
如标题栏所示，此游戏截图是在Rrefox4的beta版下创建的.因为Wa只有这个版本的浏览器符合游戏需求。除了data是用早先提及的RemySharp的JavaScript中间件来处理的之外，其他必需的属性及方法都被此浏览器所支持。
本文由乐华网络编辑，转载请注明出处
宁波网站建设www.leseo.net
