Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.03.2008, 14:38
Интересующийся
Отправить личное сообщение для Matigor Посмотреть профиль Найти все сообщения от Matigor
 
Регистрация: 25.03.2008
Сообщений: 10

Взаимодействие с CSS
Вопрос общего рода. Допустим имеем такое определение "на лету":
<p id=aaa style="color: red; text-indent: 4%;">текст</p>
Могу ли я из javascript изменить цвет (по стилю) абзаца?
Я подсмотрел - есть функция document.styleSheets[0].addRule, но она работает для более глобального определния стиля через <STYLE> или <LINK>. Более того, нашел не сразу - может кто-то посмеется, но мое изучение javascript пошло от 1stPage и HomeSite (в их древе объектов не нашлось таких свойств document, нашел только в справочном рук-ве).
И то - если бы не видел один пример, то и вовсе не нашел бы.

Р.Ы. Кстати, видел полезную функцию document.getElementbyID, но для меня это открытие. Опять же в Хомяке и 1-Пайдже никак не освещена. Быть может, она появилась только в версии 1.5.? С другой стороны ведь происходит обращение в HTML_структуре?

Последний раз редактировалось Matigor, 25.03.2008 в 14:41.
Ответить с цитированием
  #2 (permalink)  
Старый 25.03.2008, 15:18
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Для изменения стилей нужно менять свойство style объекта:
document.getElementById('aaa').style.color = '#000';
Если в имени свойства есть дефис, то
document.getElementById('aaa').style.textIndend = '10%';


Сообщение от Matigor
Кстати, видел полезную функцию document.getElementbyID, но для меня это открытие.
У вас впереди еще очень много открытий
Ответить с цитированием
  #3 (permalink)  
Старый 25.03.2008, 20:04
Интересующийся
Отправить личное сообщение для Matigor Посмотреть профиль Найти все сообщения от Matigor
 
Регистрация: 25.03.2008
Сообщений: 10

Мда... вот что значит передовериться хелпу браузеров или старой спецификации.

Тогда еще один вопрос. Могу ли я скриптом поменять содержимое параграфа, т.е. внутренний текст тега <p>текст</p>?
Ответить с цитированием
  #4 (permalink)  
Старый 25.03.2008, 21:28
Отправить личное сообщение для Андрей Параничев Посмотреть профиль Найти все сообщения от Андрей Параничев
 
Регистрация: 21.02.2008
Сообщений: 1,250

Да, через свойство innerHTML, например вот так:
<p id="myText">текст</p>

<script>
document.getElementById("myText").innerHTML = 'текст 2';
</script>
Ответить с цитированием
  #5 (permalink)  
Старый 25.03.2008, 21:30
Профессор
Отправить личное сообщение для Dmitry A. Soshnikov Посмотреть профиль Найти все сообщения от Dmitry A. Soshnikov
 
Регистрация: 25.02.2008
Сообщений: 707

Matigor,

document.getElementById('aaa').innerHTML = 'новый текст';


P.S.: гыы =) пока писал, Андрей Параничев уже опередил =)
Ответить с цитированием
  #6 (permalink)  
Старый 08.04.2008, 19:04
Интересующийся
Отправить личное сообщение для Matigor Посмотреть профиль Найти все сообщения от Matigor
 
Регистрация: 25.03.2008
Сообщений: 10

Господа, спасибо за подсказ
Цитата:
document.getElementById("myText").innerHTML = 'текст 2';
Но меня интересуют два вопроса:
1) где в документации имеется этот getElementById - понимаете, в тех рукодельных учебничках по javascript они никак не описываются... у меня от этого чувство, что почва уходит из-под ног... специально что ли они это не поместили в обычный хелп?
2) между тем смотрел вчера на компе, где-то увидел любопытную штуку (а где точно опять уже не найду)..
короче.
Традиционно считается, что JS может менять только внутри имеющихся блоков, но никаких новых элемнетво в страницу добавлять не может.
Но вот нашел пример, когда такое происходило - не помню как называется функция.
Итак... как написать такое:
есть кнопочка, при нажатии на нее выполняется JS-функция, она дописывает фрагмент кода в начало и в конец документа (например, еще один параграф), плюс к этому добавляет его куда-то в середину, скажем, после 5-го рисунка
Ответить с цитированием
  #7 (permalink)  
Старый 08.04.2008, 19:54
Профессор
Отправить личное сообщение для tenshi Посмотреть профиль Найти все сообщения от tenshi
 
Регистрация: 20.03.2008
Сообщений: 1,183

выкинь книжки десятилетней давности и купи любую новую.
Ответить с цитированием
  #8 (permalink)  
Старый 08.04.2008, 19:55
Профессор
Отправить личное сообщение для tenshi Посмотреть профиль Найти все сообщения от tenshi
 
Регистрация: 20.03.2008
Сообщений: 1,183

http://www.google.com/search?ie=UTF-...E+jav ascript
Ответить с цитированием
  #9 (permalink)  
Старый 08.04.2008, 20:02
Интересующийся
Отправить личное сообщение для Matigor Посмотреть профиль Найти все сообщения от Matigor
 
Регистрация: 25.03.2008
Сообщений: 10

Да, да, ... вот гугл выдал мне, например, http://www.nsc.ru/rus/docs/JS/
Кстати, неплохое руководство.
И где тут, например, в поисковике сайта innerHTML

Если найдете, съем свой язык...
Ответить с цитированием
  #10 (permalink)  
Старый 08.04.2008, 21:29
Профессор
Отправить личное сообщение для tenshi Посмотреть профиль Найти все сообщения от tenshi
 
Регистрация: 20.03.2008
Сообщений: 1,183

у тебя нюх на всякий отстой ^_^
как ты это непотребство выискал?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
меню на CSS не работает в IE scuter Общие вопросы Javascript 3 24.06.2010 23:03
JavaScript и CSS demoniqus Элементы интерфейса 47 16.03.2010 22:51
Выпадающее меню на css и javascript Jackky Общие вопросы Javascript 3 13.09.2008 18:30
Изменение имиджа по таймеру с помощью CSS и JavaScript Aimless Общие вопросы Javascript 10 15.08.2008 18:09
javascript, css и iexplorer Блондинко Internet Explorer 4 21.02.2008 12:39