javascript自定义的调试小工具

最新推荐文章于 2024-09-11 15:33:18 发布

程宇寒

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量204

点赞数

文章标签： javascript 自定义的调试小工具

本文链接：https://blog.csdn.net/czh500/article/details/84946424

版权

javascript自定义的调试小工具

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义的调试小工具,雪豹软件工作室,javascript</title>
<link rel="stylesheet" type="text/css" href="mark.css">
<link rel="stylesheet" type="text/css" href="input2.css">
<link rel="stylesheet" type="text/css" href="body.css">
<!-- <link rel="stylesheet" type="text/css" href="console.css"> -->
<script type="text/javascript" src="console.js"></script>
<script type="text/javascript">
		
			
		var count = 1;
		/*自定义的调试小工具*/
		function addInput(){
			var divNode = document.getElementById("myDiv");
			var inputNode = document.createElement("input");
			debug("input文本框创建！");
			inputNode.type = "text";
			inputNode.value = "hello world!" + " 测试" + count;
			debug("文本框value = " + inputNode.value);
			count++;
			var brNode = document.createElement("br");
			var brNode2 = document.createElement("br");
			divNode.appendChild(brNode);
			divNode.appendChild(brNode2);
			debug("2个br换行标签创建！");
			divNode.appendChild(inputNode);
			debug("文本框追加成功！");
			//divNode.appendChild(brNode);
		}
		
</script>

</head>
<!-- <body onload="initConsoleCSS()"> -->
<body>
<input type="button" value="添加文本框" onclick="addInput()">
<div id="myDiv">
</div>
</body>
</html>