//下面這個(gè)代碼怎么用createElement做，除了JS部分其他部分不要有任何代碼，全部有JS創(chuàng)建?CSS用element.cssText代替
<style>?//CSS部分???
li?{?width:100px;?height:150px;?float:left;?margin-right:30px;?background:#f1f1f1;?position:relative;?z-index:1;?}????
div?{?width:80px;?height:200px;?background:red;?position:absolute;?top:75px;?left:10px;?display:none;?}????
</style>
<script>//??js部分
window.onload?=?function?(){
var?aLi??=?document.getElementsByTagName('li');
var?that?=?null;
for(?var?i=0;?i<aLi.length;?i++?){
aLi[i].onmouseover?=?function?(){
that?=?this;
fn1();
};
aLi[i].onmouseout?=?function?(){
this.getElementsByTagName('div')[0].style.display?=?'none';
};
}
function?fn1(){
that.getElementsByTagName('div')[0].style.display?=?'block';
}
</script>
<ul>??//html部分??
<li>????
? <div></div>????
</li>????
<li>????
? <div></div>????
</li>????
<li>????
? <div></div>????
</li>????
</ul>????
如何用createElement解決這道題？
幻滅丶
2016-07-11 10:10:47
