DOM的使用

DOM把html解析为一颗树结果,闲话少说看文档:
DOM关键是理解原理,操作还是简单
http://javascript.ruanyifeng.com/dom/basic.html
http://hi.baidu.com/heyinjie/item/8ef99ac845fa9b25a0b50a84
http://www.w3school.com.cn/htmldom/dom_elements.asp

自己手工写的例子:
textnode节点:body中的文字
<script language="JavaScript">
      var textvalue=document.body.firstChild.nodeValue;//获取第一个节点的textnode
      var node= document.createTextNode("adfsdaf,dfghfdg");
      document.body.appendChild(node);//加入新的textnode
</script>

一个时间:动态显示时间
<span id=tick2></span>
<script language="javascript">
<!--
function show2(){
if (!document.all)
return
var Digital=new Date()
var time=Digital.toLocaleString();
tick2.innerHTML="<b style='font-size:22;color:blue;'>"+time+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
-->
</script>

//srcElement代表当前元素
<input type=checkbox onclick='check()'>2.40
<SCRIPT LANGUAGE="JavaScript">
<!--
function check(){
   alert(event.srcElement.nextSibling.nodeValue);
}
//-->
</SCRIPT>

你可能感兴趣的:(dom)