谁能帮我解释一下代码?

来源:百度知道 编辑:UC知道 时间:2024/05/31 13:23:40
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>Untitled Document</title>
<style type="text/css">
<!--
input {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
background-color: #FFFFEf;
border: 1px solid #000;
}
-->
</style>
</head>

<body>
<div id="aa"></div>
<table width="80%" id="tab1" border="1" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" onclick="setEdit(event.srcElement)">
<tr>

<script>
oldObj=""; //全局定义
var newNode=document.createElement("input");
newNode.type="text";

function setEdit(click_td){ //事件执行函数名称,参数为点击鼠标的单元格
var obj; //临时变量

if(click_td.tagName=="TD"){ //单元格
if(oldObj!=""){ //不为空应该是第二次以后执行时,第一次执行为空
oldObj.removeChild(eval("tmpText")); //移除上一次创建的文本框
if(newNode.vlaue=="") oldObj.innerText=" "; //如果这次新创建文本框值为空, 清除上一次点击单元的内容
else oldObj.innerText=newNode.value; //否则 上一次点击的单元格内容为为新创建文本框的值
}
obj=click_td; //单元格,每次都执行,包括第一次
oldObj=obj; //单元格
//newNode.width=obj.clientWidth;
//newNode.height=obj.clientHeight;
newNode.width=obj.offsetWidth; //新创建的文本框与单元格同大小
newNode.height=obj.offsetHeight;
newNode.id="tmpText"; //单元格ID
newNode.value=obj.innerText; //新创建的文本框的值为点击的单元格的内容
obj.innerText=""; //清除单元格内容
obj.appendChild(newNo