0

Вот исходник:

function reverseRGBColor(rgbColor) {

  rgbColor = rgbColor.slice(4, rgbColor.length - 1)

  rgbColor = rgbColor.split(')')
  rgbColor = rgbColor.join()
  rgbColor = rgbColor.split(',')
  var r = parseInt(rgbColor[0])
  g = parseInt(rgbColor[1])
  b = parseInt(rgbColor[2])
  var rgbFullReversed = '';
  r = Math.abs(r - 255)
  g = Math.abs(g - 255)
  b = Math.abs(b - 255)
  rgbFullReversed = `rgb(${r},${g},${b})`
  return rgbFullReversed
}
$("body").click(function(){
$("html").style.backgroundColor=reverseRGBColor($("html").style.backgroundColor)
     alert($("html").style.color)
     $("html").style.color=reverseRGBColor($("html").style.color)
})
2
  • В jquery стили элемента меняются методом .css. element.style.property = 'value' - это конструкция из "ванильного" js
    – zhurof
    Commented 2 июн. 2021 в 10:45
  • html добавьте.. У Вас вообще есть color и background-color у body?
    – InDevX
    Commented 2 июн. 2021 в 12:20

1 ответ 1

0

$("html") - возвращает jQuery объект. У jQuery объекта нет свойства style.

Если нужно оперировать с html элементом, лучше сразу его и использовать без jQuery, а получать с помощью .querySelector

$("body").click(function(){
    var html = document.querySelector('html');
    html.style.backgroundColor=reverseRGBColor(html.style.backgroundColor);
    alert(html.style.color);
    html.style.color=reverseRGBColor(html.style.color);
})
3
  • Grundy, не помогло Commented 2 июн. 2021 в 11:08
  • html.style.color все равно остаётся либо null, либо пустой строкой Commented 2 июн. 2021 в 11:13
  • @РусскийПуп, свойства в .style появляются если есть атрибут style у элемента. Если его нет, то все свойства из style будут пустыми строками. Это не относится к проблеме неверной работы с jquery объектами, которая описана в коде в вопросе
    – Grundy
    Commented 2 июн. 2021 в 12:22

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.