<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> debug_msg </title>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<script type="text/javascript">
function debug(msg){
var log=document.getElementById("debuglog");
if(!log){
log=document.createElement("div");
log.id="debuglog";
log.innerHTML="<h1>Debug Log</h1>";
document.body.appendChild(log);
}
//
var pre=document.createElement("pre");
var text=document.createTextNode(msg);
pre.appendChild(text);
log.appendChild(pre);
}
function addlog(msg){
debug(msg);
}
</script>
<input type="button" value="addlog" onclick="addlog(this.value)">
</body>
</html>
<body>
<script type="text/javascript">
function debug(msg){
var log=document.getElementById("debugInfo");
if(!log){
log=document.createElement("div");
log.id="debugInfo";
document.body.appendChild(log);
}
//var msg_text=document.createTextNode(msg);
var preNode=document.createElement("pre");
//preNode.appendChild(msg_text);
preNode.innerHTML=msg;
log.appendChild(preNode);
}
</script>
<input type="button" value="asdfg" onclick="debug(this.value)">
</body>