Javascript 基于布尔条件选择/取消选择的数组
家庭作业问题,基本上我需要编码它只显示选定的属性。我被赋予了几个函数,并且期望只完成这些函数。教科书和互联网上的例子没有帮助,因为它们没有处理这个确切的作业 主要的问题是我不确定如何设置一个数组来获取查找指定属性的for循环。我见过的所有数组都处理数字,而不是布尔条件 讲师将不通过任何不使用其功能的作业Javascript 基于布尔条件选择/取消选择的数组,javascript,clock,real-time-clock,Javascript,Clock,Real Time Clock,家庭作业问题,基本上我需要编码它只显示选定的属性。我被赋予了几个函数,并且期望只完成这些函数。教科书和互联网上的例子没有帮助,因为它们没有处理这个确切的作业 主要的问题是我不确定如何设置一个数组来获取查找指定属性的for循环。我见过的所有数组都处理数字,而不是布尔条件 讲师将不通过任何不使用其功能的作业 "use strict"; var $ = function(id) { return document.getElementById(id); }; // the event handler
"use strict";
var $ = function(id) { return document.getElementById(id); };
// the event handler for the click event of each h2 element
var toggle = function() {
var h2 = this; // clicked h2 tag
var div = h2.nextElementSibling; // h2 tag's sibling div tag
var h2 = document.getElementById(this);
// toggle plus and minus image in h2 elements by adding or removing a class
if (h2.hasAttribute("class")) {
h2.removeAttribute("class");
} else {
h2.setAttribute("class", "minus");
}
// toggle div visibility by adding or removing a class
if (div.hasAttribute("class")) {
div.removeAttribute("class");
} else {
div.setAttribute("class", "open");
}
};
window.onload = function() {
// get the h2 tags
var faqs = $("faqs");
var h2Elements = faqs.getElementsByTagName("h2");
// attach event handler for each h2 tag
for (var i = 0; i < h2Elements.length; i++ ) {
h2Elements[i].onclick = toggle;
}
// set focus on first h2 tag's <a> tag
h2Elements[0].firstChild.focus();
};
“严格使用”;
var$=函数(id){return document.getElementById(id);};
//每个h2元素的click事件的事件处理程序
var toggle=函数(){
var h2=this;//单击了h2标记
var div=h2.nextElementSibling;//h2标记的同级div标记
var h2=document.getElementById(这个);
//通过添加或删除类来切换h2元素中的正负图像
if(h2.hasAttribute(“类”){
h2.删除属性(“类别”);
}否则{
h2.setAttribute(“类”、“减”);
}
//通过添加或删除类来切换div可见性
if(div.hasAttribute(“类”){
分部移除属性(“类别”);
}否则{
div.setAttribute(“类”、“打开”);
}
};
window.onload=函数(){
//获取h2标签
var常见问题=$(“常见问题”);
var h2Elements=faqs.getElementsByTagName(“h2”);
//为每个h2标记附加事件处理程序
对于(变量i=0;i
从教师的Word文档:
“将代码添加到切换()函数,以便一次只能显示一个答案。为此,请创建一个h2元素数组。然后,使用for循环遍历数组中的h2元素,并删除所有未单击的h2元素的class属性。您还需要删除h2 e的所有div同级的class属性未单击的元素。如果要在JS中显示当前时间,可以尝试执行以下代码: var today=新日期(); var date=today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate(); var time=today.getHours()+“:“+today.getMinutes()+”:“+today.getSeconds();
var dateTime=date+''+time;
var h2=document.getElementById(this);
没有意义,因为此时此不是字符串。通常是这样做的:1)重置(从中删除类)所有内容,2)在当前元素上设置类。这样就不需要检查任何条件。