<!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权威指南中的例子自己敲了一遍。
