[英]how to change div content with javascript?
如何使用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>
创建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>
或使用jquery:
的CSS
#text {
/* style */
}
的HTML
<div id="transbox">
<div id="text"></div>
</div>
JS
$('#transbox #text').html('your text');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.