Javascript 在JS中查询html中的id

Javascript 在JS中查询html中的id,javascript,html,css,function,cs50,Javascript,Html,Css,Function,Cs50,我正在完成CS50课程,并参加了网络课程。我目前正在寻找一个JS问题的解决方案 函数闪烁(){ 让body=document.querySelector('body'); 如果(body.style.visibility==='hidden'){ body.style.visibility='visible'; }否则{ body.style.visibility='hidden'; } } //每500毫秒闪烁一次 窗口设置间隔(闪烁,500); 这是一个有效的解决方案,但是我需要修改它,以

我正在完成CS50课程,并参加了网络课程。我目前正在寻找一个JS问题的解决方案

函数闪烁(){
让body=document.querySelector('body');
如果(body.style.visibility==='hidden'){
body.style.visibility='visible';
}否则{
body.style.visibility='hidden';
}
}
//每500毫秒闪烁一次
窗口设置间隔(闪烁,500);
这是一个有效的解决方案,但是我需要修改它,以便它选择所有特定的ID。例如id=“image”。我找到了一个只选择一张图片并使其闪烁的改编。我如何让这三个都眨眼

编写更多代码显然是一个解决方案,但我希望您可以尝试另一种方法:

document.querySelector('#image') // return first item
document.querySelectorAll('#image') // return array items

document.getElementById('image') // similar to querySelector('#image')
如果由于某种原因,id不能正常工作,您可以尝试使用选择器
[id='image']

例如:

setTimeout(()=>{
document.querySelector('#image').style.visibility='visible'
}, 2000);
让间隔;
间隔=设置间隔(()=>{
const image=document.querySelector(“#image”);
if(image&&image.style.visibility!=“隐藏”){
间隔时间;
警报(“可见”);
}
}, 500);
您将尝试:

document.querySelector('#image') // return first item
document.querySelectorAll('#image') // return array items

document.getElementById('image') // similar to querySelector('#image')
如果由于某种原因,id不能正常工作,您可以尝试使用选择器
[id='image']

例如:

setTimeout(()=>{
document.querySelector('#image').style.visibility='visible'
}, 2000);
让间隔;
间隔=设置间隔(()=>{
const image=document.querySelector(“#image”);
if(image&&image.style.visibility!=“隐藏”){
间隔时间;
警报(“可见”);
}
}, 500);
文档。查询选择器('body')这是您的起点。并且应该帮助您编辑它。请阅读:
document.querySelector('body')这是您的起点。并应帮助您编辑。请阅读: