новый DOM элемент не подхватывает свой css
Доброе время суток всем.
не могу разобраться с подключением CSS к элементу созданному через скрипт. По клику на один див создается другой со своим классом, прописанном в отдельном файле . Но новый элемент не получает css настройки. Заранее благодарен. |
Должен получать без вариантов. Где код?
Ванга: опечатка в имени класса. Мессинг: файл с нужными стилями не подключён. |
<head>
<title></title>
<script type="text/javascript" type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta name="" content="">
</head>
<body>
<div class="aaa" onclick="changeDiv()">AAAAA aaaaa</div>
</body>
function changeDiv()
{
document.write('<div id="bbb">BBBB nnnnBB</div>');
}
.aaa
{
color:#ff0000;
}
#bbb
{
color:blue;
}
|
Все подключено и опечаток нет.
|
http://alljs.ru/articles/document-write
Цитата:
|
Интересно откуда народ берет этот райт? Я один раз попробовал - он мне всю страницу выкосил, оставил только свое, родное, больше не хочется.
|
Советчика одного послушал.
Спасибо. Буду думать. |
Что там думать-то? document.createElement('div')...
|
kostyanet, не - самое true в этом плане это elem.insertAdjacentHTML() .:)
|
Проблема то не в том как создать элемент. К этому диву css не подключается.
|
Надо посмотреть как подключаете.
Цитата:
Оно аппендит. |
bochus, сказано же, ять, не использовать document.write. CSS ту не причём от слова совсем: document.write переписывает всю страницу.
|
Спокойствие только спокойствие.
Даже при создании через document.createElement('div') и document.body.appendChild(newDiv); Эффект тот же. |
Код в студию. У меня всё работает:
http://learn.javascript.ru/play/l2lzTb |
когда создаю див с ID все работает. а вот с классом лажа.
|
Понял. Из за мелкой х...и не работала.
класс нужно вписывать через - newDiv.className="c"; |
| Часовой пояс GMT +3, время: 02:56. |