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

时间：2022-01-13 05:47:23
<!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权威指南中的例子自己敲了一遍。

相关文章