Javascript 在JS中查询html中的id
我正在完成CS50课程,并参加了网络课程。我目前正在寻找一个JS问题的解决方案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); 这是一个有效的解决方案,但是我需要修改它,以
函数闪烁(){
让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')代码>这是您的起点。并应帮助您编辑。请阅读: