Как с помощью javascript создать div ?
Здравствуйте.
Мне нужно в index.html через явускрипт вывести див...сделаный в цсс.... подскажыте как ето делается....вот что я нашол в интернете //Создаем див var div = document.createElement('div'); //Вставляем на страницу body.appendChild(div); но толком сам не розберусь... |
window.onload=function(){
var d=document.createElement('div');
d.style.width='200px';
d.style.height='100px';
d.style.background='gray';
document.body.appendChild(d);
}
а что еще надо? если в css есть class для него то добавьте строчку d.className='myClass'; |
Как вызвать цсс клас в яваскрипт ?
как сделать чтобы не прописывать ето в явескрипт
d.style.width='300px'; d.style.height='300px'; d.style.background='gray'; а в файле цсс .div_one{ position:relative; float:left; left:5px; background-color:red; width:300px; height:300px; } Как вызвать цсс клас в яваскрипт ? |
Цитата:
<SCRIPT LANGUAGE="javascript"> window.onload=function() { var d = document.createElement('div'); d.className='div_one'; document.body.appendChild(d); } </script> невыходит... |
<style>
.div_one {
position:relative;
float:left;
left:5px;
background-color:red;
width:30px;
height:30px;
}
</style>
<script>
window.onload=function()
{
var
d = document.createElement('div');
d.className='div_one';
document.body.appendChild(d);
}
</script>
|
заработало...спасибо)
проблема была в путях к цсс файлу |
<style type="text/css">
.div_one{
position:relative;
float:left;
left:5px;
background-color:red;
width:300px;
height:300px;
}
</style>
<script type="text/javascript">
var d = document.createElement('div');
d.className='div_one';
document.body.appendChild(d);
</script>
|
| Часовой пояс GMT +3, время: 13:11. |