如何用javascript更改div内容？

Question

我如何改变一个div与另一个使用JavaScript的div？

我想改变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> 

Answer 1

创建CSS样式，将内容添加到div，它会自动拍摄风格

CSS

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> 

Answer 2

或使用jQuery：

CSS

#text { 
    /* style */ 
} 

HTML

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

JS

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