javascript - 如何使用 javascript 更改 div 内容？

Question

如何使用 javascript 将 div 更改为另一个 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');