做网站    网页设计、制作    FLASH导入页设计    网站策划、开发    后台程序维护、升级    网站解决方案
技术支持：苏玮 电话：15011022561呵呵~~ AJAX版的 hello world

网页设计->AJAX

呵呵~~ AJAX版的 hello world

<style>
.declared{
    color:red;
}
.programmed{
    color:blue;
}
</style>

<p id='hello'>hello world</p>
<div id='empty'></div>
< SCRIPT LANGUAGE="JavaScript" >
<!--
window.onload=function(){
   var hello=document.getElementById('hello');
   hello.className='declared';
   var empty=document.getElementById('empty');
   addNode(empty,"reader of");
   addNode(empty,"Ajax in Action!");
   var children=empty.childNodes;
   for (var i=0;i<children.length;i++){
      children[i].className='programmed';
   }
   empty.style.border='solid green 1px';
   empty.style.width="200px";
   empty.style.padding="5px";
   empty.style.fontSize="121px";
}

function addNode(el,text){
   var childEl=document.createElement("div");//增加div元素
   el.appendChild(childEl);
   var txtNode=document.createTextNode(text);//增加text元素
   childEl.appendChild(txtNode);
}


//-->
< /SCRIPT >

发表评论

关闭窗口   来源:网络  16  2007-05-08