论坛 › 马黑黑教程专版 › CSS颜色透明设置简介

马黑黑 发表于 2023-7-25 22:27

本帖最后由 马黑黑 于 2024-1-8 08:58 编辑 <br /><br /><p><output id="bodyMsg"></output><br><br></p>
<p>
        <button id="btnChgBg" value="#ccc">改变页面背景颜色</button>
        <button id="btnRecoverBg" value="color">恢复页面背景颜色</button>
</p>

<script>

let _body = document.querySelector('body');
let _bgColor = window.getComputedStyle(_body,null).getPropertyValue('background-color');
bodyMsg.textContent = '当前页面背景色: ' + _bgColor;
btnChgBg.onclick = () => _body.style.backgroundColor = btnChgBg.value;
btnRecoverBg.onclick = () => _body.style.backgroundColor = _bgColor;

</script>

花飞飞 发表于 2023-7-25 22:54

马黑黑 发表于 2023-7-25 22:27
喝水喝水

小白不敢喝，越喝越白咋办。{:4_173:}

樵歌 发表于 2023-7-26 07:36

马黑黑 发表于 2023-7-25 12:00
回家

回家给你炒腰花{:4_189:}

马黑黑 发表于 2023-7-26 12:23

樵歌 发表于 2023-7-26 07:36
回家给你炒腰花

下酒料

查看完整版本: CSS颜色透明设置简介