0

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>
4

2 に答える 2

0

または jquery を使用して:

CSS

#text {
    /* style */
}

HTML

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

JS

$('#transbox #text').html('your text');
于 2013-02-22T14:30:05.317 に答える
0

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>
于 2013-02-22T14:17:24.973 に答える