按照你这个页面这样写的话,底下加个按钮:
<button onClick="handleClick">点击我</button>
点击事件:
function handleClick(){
// 先拿到span
const spanNode = document.getElementsByTagName("span");
// 拿一下span的背景颜色,使用?.是因为spanNode有可能是空数组
const backgroundColor = spanNode[0]?.style?.backgroundColor ;
// 修改style
spanNode.forEach(node=>{
node.style.backgroundColor = (backgroundColor === "#ffffff") ? "#000000" : "#ffffff";
})
}
<button onClick="handleClick">点击我</button>
点击事件:
function handleClick(){
// 先拿到span
const spanNode = document.getElementsByTagName("span");
// 拿一下span的背景颜色,使用?.是因为spanNode有可能是空数组
const backgroundColor = spanNode[0]?.style?.backgroundColor ;
// 修改style
spanNode.forEach(node=>{
node.style.backgroundColor = (backgroundColor === "#ffffff") ? "#000000" : "#ffffff";
})
}