Изменение стиля

@Jennea · Регистрация: 29.05.2011

Author24 — интернет-сервис помощи студентам

Здравствуйте!
У меня проблема с изменением стиля,нужно сделать невидимый текст,видемым.
Написала,короткую команду,но она почему то не работает.
Подскажите какие варианты есть,и что может быть ошибкой???

Javascript

1
2
3

function fon(){
    document.getElementById("maschine").className="visib";
}

Спасибо!

KOPOJI · 08.07.2012, 21:07

1. как вы вызываете эту функцию
2. что прописано в этом классе visib
3. приоритет у id выше чем у класса - т.е. если id стоит для блока див к примеру и в нем display:block (по умолчанию) а в классе вы прописали display:none - то это не сработает
4. если вам надо только сделать невидимым элемент, то незачем писать отдельный класс для этого:

Javascript

<script>
function fon()
{
document.getElementById("maschine").style.display='none'; //или visibility='hidden' вместо display='none'
}
</script>

Добавлено через 1 минуту
или если вам нужно поменять у текущего элемента (допустим скрыть при нажатии на него), то вот так можно:

HTML5

1	<div onclick="this.style.display='none';">Скрыть этот блок </div>

@newJS · 08.07.2012, 21:07

А сам класс существует?
Это всего лишь присваивает или переопределяет класс, а не дает команду показать скрытое.
такое есть?

CSS

1	.visib {visibility:visible;}

KOPOJI · 08.07.2012, 21:18

сорри, я не правильно прочитал вопрос - там наоборот надо все, display: block (вместо none) или visibility: visible (вместо hidden)

@Jennea · 08.07.2012, 21:43 **[ТС]**

Вызываю функцию при нажатии кнопки

HTML5

1	<input type="button" value="Go" onclick="fon()"/>

CSS

.left, .right {
  padding:     20px 20px 20px 20px;
  border:      1px solid black;
}
 
.left {
  float:       left;
}
 
.right {
  margin-left: 400px;
  width:       400px;
}
 
.invis {
  display:     none; 
}
 
.visib {
  display:     block;
}
 
.intoCart, .cartAction {
  cursor:      pointer;
}

HTML5

<ul class="articleList">
        <li class="invis article" id="maschine">
          <div class="articleDetails">
            Waschmaschine<br />
            Hersteller: Siemens<br />
            Preis: <span class="price">599</span> Euro<br />
          </div>
          <a onclick="intoCart(this);" class="intoCart">
            In den Warenkorb</a>
        </li>

В задании стоит,что при помощи изменения класса стилей показывать текст

KOPOJI · 09.07.2012, 07:56

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

@Jennea · 09.07.2012, 22:17 **[ТС]**

Да,вообще печалько

KOPOJI · 09.07.2012, 22:21

HTML5

<ul class="articleList">
        <li class="invis article" id="maschine">
          <div class="articleDetails">
            Waschmaschine<br />
            Hersteller: Siemens<br />
            Preis: <span class="price">599</span> Euro<br />
          </div>
          <a onclick="intoCart(this);" class="intoCart">
            In den Warenkorb</a>
        </li>
 
<div onclick="document.getElementById('maschine').style.display='block';">Клик me</div>

а вот так работает

@Jennea · 10.07.2012, 00:43 **[ТС]**

Санькс

Илья Федин · 09.03.2013, 23:12

KOPOJI, Мне надо сделать тоже самое, но с класом (с ID у меня работает - проверял), это будет работать:

Код

function fon()
{
document.getElementByClass("maschine").style.display='none'; //или visibility='hidden' вместо display='none'
}

?

KOPOJI Почетный модератор 16844 / 6723 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	08.07.2012, 21:18	4
	сорри, я не правильно прочитал вопрос - там наоборот надо все, display: block (вместо none) или visibility: visible (вместо hidden) 1

KOPOJI Почетный модератор 16844 / 6723 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	09.07.2012, 07:56	6
	хм.. как интересно. оно работает (я проверял по нажатию не на кнопку, а на див), в консоли можете проверить.. но вот почему то текст видимым не становится 0

@Jennea 8 / 8 / 0 Регистрация: 29.05.2011 Сообщений: 181
	09.07.2012, 22:17 [ТС]	7
	Да,вообще печалько 0

@Jennea 8 / 8 / 0 Регистрация: 29.05.2011 Сообщений: 181
	10.07.2012, 00:43 [ТС]	9
	Санькс 0

Илья Федин 887 / 353 / 1 Регистрация: 12.08.2012 Сообщений: 4,401 Записей в блоге: 5
	09.03.2013, 23:12	10
	KOPOJI, Мне надо сделать тоже самое, но с класом (с ID у меня работает - проверял), это будет работать: Код function fon() { document.getElementByClass("maschine").style.display='none'; //или visibility='hidden' вместо display='none' } ? 0