Как проверить, является ли переменная объектом?

Question

[Анастасия]

Здравствуйте. Не спрашивайте зачем))) но мне нужно проверить, является ли переменная объектом. Я правда не совсем уверена в формулировке. Объект ли это...

Я делаю let div = document.createElement('div');. И вот мне нужно перед тем, как его let - сначала его удалить, если он уже был.

if (Вот здесь мне нужно проверить является ли div объектом) {
    div.remove()
}
let div = document.createElement('div');
div.className = "adv";
div.innerHTML = "<img......>";
document.body.append(div);

Без проверки мне возвращается ошибка:
Uncaught ReferenceError: Cannot access 'div' before initialization

Comments

[Ярослав Иванов]

Не просто объект а html объект

[Alex]

А текст ошибки вам ни на что не намекает ?!
Cannot access 'div' before initialization

[Ярослав Иванов]

if(div instanceof HTMLElement)

[RAX7]

Ты пытаешься сначала использовать div из родительского скоупа, а затем из локального? Типа так:

let div = document.createElement('div');

function doSomething() {
  if (condition) {
    div.remove();
  }

  let div = document.createElement('div');
  div.className = "adv";
  div.innerHTML = "<img......>";
  document.body.append(div);
}

doSomething();

[lostero]

// Подразумевается, что элементов с классом 'adv' от 0 до 1
// Если это так, то лучше назначать уникальное id подлиннее и использовать document.getElementById

// Если нужно удалять все элементы с этим классом, то проходишь циклом по элементам из document.getElementsByClassName('adv') и повторяешь удаление из DOM для каждого

// Если нужно запоминать созданный этой функцией div, то пример выше без let внутри функции (т.к. это ошибка)
// Пример выше можно доработать: вынести создание элемента из функции - var baseDiv = document.createElement('div'); , внутри функции клонировать - div = baseDiv.cloneNode(false);
// baseDiv может быть переиспользуемым многими функциями таким способом, а cloneNode будет создавать элемент быстрее, но это мои перфекционистские предпочтения

// Сам код для 1 случая
var
d = document,
div = d.getElementsByClassName('adv')[0],
p    = div && div.parentNode;
if (p && typeof p.removeChild == 'function'){
    p.removeChild(div);
}

div = d.createElement('div');
div.className = "adv";
div.innerHTML = "<img......>";
d.body.appendChild(div);

Answer 1

[Andrew]

if(div){
}

Comments

[Анастасия]

я не на столько тупая))) оно так не работает

[dmitry-toster]

Анастасия, покажите где не работает. Вам не надо проверять объект div или не объект. Достаточно того, что сам элемент существует))

[Andrew]

Анастасия, работает :)
Проверяйте есть ли такой обьект в html, а не переменная в коде.
Можно добавить id. если 1 элемент, для простоты
Сделать функцию которая просто заменяет весь innerHTML, без проверки.
Собственно зачем вы проверяете переменную которую создаёте несколько строк кода ниже?)
Решение:
1)Боитесь ошибок кода "выше" - Функция со своей областью видимости где вы можете гонять локальную переменную и обнулять в начале.
2)Боитесь дубликации элементов - Использование идентификатора и подвязывание действий в JS'e на него

Answer 2

[the5x]

Вы должны сначала получить ссылку на node element а потом его удалять. Например найти через querySelector, или getElementByID. Или даже попробовать сразу так: const element = document.body.append(div); А дальше удалять этот element

Answer 3

[Дима Долготер]

console.log(typeOf div)