Где ошибка в коде? Не работает

03 марта 2022, 06:40

function seeaboutme() { 
  display = document.getElementById("aboutme").style.display; 
 
  if (display == "none") { 
    document.getElementById(aboutme).style.display = "block"; 
  } else { 
    document.getElementById(aboutme).style.display = "none"; 
  } 
};

#aboutme { 
  color: white; 
  font-family: Arial; 
  font-size: 50px; 
  display: none; 
}

<a href="" class="menulinks" onclick="seeaboutme()">About me</a><br> 
 
<a id="aboutme">Hello everybody</a>

Как при нажатии на кнопку About me (который изначально скрыт) сделать чтобы появлялся текст?

Answer 1

Вы забыли кавычки добавить document.getElementById(aboutme) в условиях:

function seeaboutme(event) { 
  event.preventDefault(); 
 
  var el = document.getElementById("aboutme"); 
  var display = el.style.display; 
 
 
  if (display === "none") { 
    el.style.display = "block"; 
  } else { 
    el.style.display = "none"; 
  } 
};

#aboutme { 
  font-family: Arial; 
  font-size: 50px; 
  display: none; 
}

<a href="#" class="menulinks" onclick="seeaboutme(event)">About me</a> 
 
<br> 
 
<a href="#" id="aboutme">Hello everybody</a>

Answer 2

Для получения текущего значения CSS свойства надо использовать getComputedStyle.

function seeaboutme(event) { 
  event.preventDefault(); 
 
  var el = document.getElementById("aboutme"); 
  var display = getComputedStyle(el).display; 
 
  if (display === "none") { 
    el.style.display = "block"; 
  } else { 
    el.style.display = "none"; 
  } 
};

#aboutme { 
  font-family: Arial; 
  font-size: 50px; 
  display: none; 
}

<a href="#" class="menulinks" onclick="seeaboutme(event)">About me</a> 
 
<br> 
 
<a href="#" id="aboutme">Hello everybody</a>

Answer 3

display = document.getElementById("aboutme").style.display;

var display = getComputedStyle(document.getElementById("aboutme")).display;

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Добавляем класс всем кнопкам на странице

Доброе время суток! Вопрос вот в чем : Есть ТАБы(кнопки) при нажатии на каждый из которых добавляется класс active, на кокой ТАБ нажал, тому и добавился...

javascript

PJAX перезагрузка страницы

Собственно как заставить PJAX сделать запрос на сервер и обновить страницу без перезагрузки не нажимая на ссылкуПробовал следующее

javascript

Как обнулить одномерный массив

Вот часть моего кода, он срабатывает по кнопке и делает некоторые вычисленияКак можно обнулить (очистить) массив, что бы не создавались дополнительные...

Как перенести все элементы управления на bitmap? C#

Проблема следующая: Я считываю все контролы на форме, затем перевожу их в картинкуДело в том, если контрол лежит на контроле, пример: На picturebox...