javascript增加节点和改变背景色

    技术2022-05-11  17

    代码: < dl id = " d " > < dt id = " daaa " > dt1 </ dt > < dd > dd1 </ dd > </ dl >

    显示 

     

    < dl id = " d " > < dt id = " daaa " > dt1 </ dt > < dd > dd1 </ dd > </ dl > < SCRIPT LANGUAGE = " JavaScript "  type = " text/javascript " > <!-- var  d = document.getElementById( " d " );     var  dd = document.createElement( " dd " );     var  tn = document.createTextNode( " dd2 " );    dd.appendChild(tn);    d.appendChild(dd);     // --> </ SCRIPT >

    显示

    <! DOCTYPE HTML PUBLIC  " -//W3C//DTD HTML 4.0 Transitional//EN " > < HTML >   < HEAD >    < TITLE >  New Document  </ TITLE >   </ HEAD >   < BODY >   < div id = " div1 " >       < ul >          < li > hello world1 </ li >          < li > hello world2 </ li >          < li > hello world3 </ li >       </ ul >   </ div >   < select onchange = " document.getElementById('div1').style.backgroundColor=this.value "   >    < option value = " #ffffff " > 请选择颜色 </ option >   < option value = " #ff0000 " > 红色 </ option >    < option value = " #00ff00 " > 绿色 </ option >     < option value = " #0000ff " > 蓝色 </ option >      < option value = " #ffffff " > 白色 </ option >   </ select >   </ BODY > </ HTML >

     

     

     

     

     


    最新回复(0)