2013-02-22 3 views
0

Как изменить div с другим div с помощью javascript ??Как изменить содержимое div с помощью javascript?

Я хочу изменить содержимое div, но это простой текст и стиль, и я хочу, чтобы он был стилизован. есть ли способ изменить контент или мне нужно изменить весь div и как? я понятия не имею!!

это сайт: http://www.websteam.nl/index2.html

спасибо заранее!

, что у меня есть это:

function wijzigTekst(inhoud) {document.getElementById('transbox').innerHTML = inhoud; } 

И это HTML:

<ul id="nav"> 
<li id="nav-1"><a href="#" onmousedown="wijzigTekst('hoi')">Home</a></li> 
<li id="nav-2"><a href="#" onmousedown="wijzigTekst('transsbox')">School</a></li> 
<li id="nav-3"><a href="#" onmousedown="wijzigTekst('is')">Over Websteam</a></li> 
<li id="nav-4"><a href="#" onmousedown="wijzigTekst('de')">Contact</a></li> 
<li id="nav-5"><a href="#" onmousedown="wijzigTekst('tekst')">Project</a></li></ul> 
+0

Вы добавляете разметку HTML? – epascarello

+2

Если вы хотите, чтобы они были в стиле, используйте CSS. Код, который у вас должен быть в порядке, если вы передадите правильный HTML. –

ответ

0

Создать стиль CSS, добавьте содержимое в DIV и он будет принимать стиль автоматически

h1{ 
    border:solid 2px #009; 
    padding:5px 0px; 
    font-family:Tahoma, Geneva, sans-serif; 
    background-color:#000; 
    color:#FFF; 
} 

JavaScript

function changediv(){ 
    var div = document.getElementById("divData"); 
    div.innerHTML = "<h1>Hello World</h1>"; 
} 

HTML

<a href="javascript:changediv();">Change Data</a> 
<div id="divData"></div> 
0

или с помощью JQuery:

CSS

#text { 
    /* style */ 
} 

HTML

<div id="transbox"> 
    <div id="text"></div> 
</div> 

JS

$('#transbox #text').html('your text'); 
+0

ему нужен javascript ..Smoky – sasi

+1

@sasi он пометил его jQuery. –

Смежные вопросы