В стиле задан фон канваса: #mainCanvas { background-color:green; }
Пытаюсь получить этот параметр, но значение пустое.
zoomCtx.fillStyle = mainCanvas.style.background;
Как исправить?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуgetElementById возвращает один элемент, остальные, например, getElementsByTagName - массив, поэтому там нужен индекс массива [0]. Рабочий пример ниже.
window.onload = function() {
console.log(getComputedStyle(document.getElementById('myid')).backgroundColor);
console.log(getComputedStyle(document.getElementsByTagName('span')[0]).backgroundColor);
};
div {
background-color: tomato;
}
span {
background-color: #bfa;
}
<div id='myid'>div</div>
<span>span</span>
Как получать стили написано тут.
Иногда нужно поработать с DOM в консоли браузера, в том числе получить значение стиля. Обычно это делается так:
element = document.getElementById('foo');
color = element.style.backgroundColor;
Но работает это только тогда, когда у элемента стиль задан inline:
<div style="color:red;">
Если же стиль задан в CSS, то element.style.backgroundColor ничего не вернёт. Чтобы всё заработало, нужно запросить просчитанные стили:
element = document.getElementById('foo');
color = window.getComputedStyle(element).backgroundColor;
var bgc = getComputedStyle(mainCanvas).backgroundColor;
(отмечу, как принятый, если как ответ это разместите..)