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

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

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

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

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
1
2
3
4
5
6
<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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.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
1
2
3
4
5
6
7
8
9
10
<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
1
2
3
4
5
6
7
8
9
10
11
12
<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 у меня работает - проверял), это будет работать:

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

?

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

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

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

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

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