主页 / 问题 / 1402038
Accepted
From Heaven
Asked:2022-06-20 15:52:27 +0000 UTC2022-06-20 15:52:27 +0000 UTC

如何在警报中显示当前页面颜色？

  • 772

面临这样的问题。我想在警报中显示当前页面的颜色。以下代码不输出任何内容。如果你只使用背景，那么就会有关于页面背景的完整信息，这不适合我。如果您使用背景颜色，则警报不会显示任何内容。如何解决问题？

function knowColor() {
                let page_color = '';
                page_color = document.body.style.background-color;
                alert("Поточний колір сторінки: " + page_color);
            }
css background

3 个回答

  1. document.body.style.backgroundColor
    • 0
  2. Best Answer

    你只是把背景色输入错误了，在JS中，更具体的在objectstyle中，应该是这样写的：backgroundColor，也就是最后的代码应该是这样的：

    function knowColor() {
    let page_color = document.body.style.backgroundColor
    alert("Поточний колір сторінки: " + page_color)
}

    是的，您不需要指定一个空字符串，然后将其他字符串分配给您的变量。您还可以<body>像这样获取背景颜色：document.body.style['backgroundColor']

    • 0

  3. 对由连字符分隔的属性的“引用”通常替换为camelCase，即
    background-color=> .style.backgroundColor,
    mix-blend-mode=>? .style.mixBlendMode等等

    或者通过方括号引用属性.style['background-image']

    一般来说，如果之前没有设置过同一个颜色，你不会以这种方式得到颜色.style.backgroundColor，因为 您.style只能通过. 要获得 css 样式，最好使用
    getComputedStyle()

    let body = document.body;

console.log('style '+ body.style.backgroundColor);
console.log('getComputedStyle '+ getComputedStyle(body)['background-color']);

setTimeout(function() {
  console.info('смена цвета');

  body.style.backgroundColor = 'green';

  console.log('style '+body.style.backgroundColor);
  console.log('getComputedStyle '+getComputedStyle(body)['background-color']);
}, 1000);
    body {background-color: orange;}

    • 0

相关问题