0

Как возможно скопировать в переменную название класса пренадлежащего body.

Нашел вот такое решение но оно возвращает:

[object HTMLBodyElement]

window.onscroll = function() {
var BlockName = document.querySelector("body");

Вот так выглядит HTML

<body class="fp-viewing-whatWeDo-0" style="overflow: visible; height: initial;">

Скопировать необходимо fp-viewing-whatWeDo-0.

2
  • 2
    let a = BlockName.getAttribute('class');
    – user298256
    22 июл 2019 в 12:05
  • 5
    let a = document.body.className; 22 июл 2019 в 12:09

3 ответа 3

1

Ну да... запросили HTML-элемент, получили HTML-элемент))
В хроме, если записать console.dir( element ) можно еще в консоли посмотреть все свойства этого элемента. Правый клик на странице, в открывшемся меню - Inspect:

( можно проверить тут → https://jsfiddle.net/OPTlMUS/54nf86mz/ )

введите сюда описание изображения

А значения всех этих свойств можно достать через "точку". .className возвращает строку, а .classList - массив. Хотя className == classList.value

var body = document.querySelector("body");

console.log( body.className );

console.log( body.classList[0] );
console.log( body.classList[1] );
console.log( body.classList.value );
<body class="fp-viewing-whatWeDo-0 test-class"></body>

P.s. .getAttribute('class') vs .className — разница в том, что первое достаёт то, что реально написано в атрибуте в HTML-коде в момент запроса... а второе - то, что содержится в JS-свойстве. В данном случае нет разницы, т.к. при смене класса, изменения происходят и тут, и там. А в других случаях идет рассинхрон - в атрибуте может быть одно, а в JS - другое ( например .onclick vs getAttribute('onclick') )

P.s.-2 body же не создаётся динамически... Поэтому вместо того, чтобы при скролле каждый раз пересоздавать переменную и искать body, можно так:

var bodyClass = document.querySelector("body").className;
window.onscroll = function() { 
  console.log( bodyClass );
}
1

Попробуйте использовать специальное свойство classList:

document.querySelector("body").classList
0

Решение:

let a = document.body.className;

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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