js操作dom---创建一个域来输出调试信息 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>每天一点js， js 操纵dom </title>
   <script>
    //document 中的知道区域输出调试信息
    //如果 这个区域不存在则创建一个
   function debug(msg) {
     var log = document.getElementById('debuglog');   
      if  (!log) {
          log = document.createElement("div");//创建一个div
          log.id = 'debuglog';//给这个元素的html id 赋值
          document.body.appendChild(log);//将这个元素添加到文档末尾
           /*
          var pre = document.createElement("pre");//创建一个pre元素
          var text = document.createTextNode(msg);//创建一个文本节点
          pre.appendChild(text);//添加到 pre 中
          log.appendChild(pre);//添加到 div 中
          **/
          log.innerHTML  = "<pre>"+msg+"</pre>"
      }
   
   }

   </script>

 </head>

 <body>
    <input type="button" value=" 点此" onclick="debug('文档正在加载中,耐心等待....');">
 </body>
</html>

js权威指南中的例子自己敲了一遍。

posted on 2015-01-25 21:25  zhangPlus  阅读(134)  评论(0)    收藏  举报

导航