$(document).ready(function()
{
$("tbody tr:even").css("background-color","#666666");
var numTd=$("tbody td");
numTd.click(function(){
var tdObj=$(this);
var text=tdObj.html();
tdObj.html("");
if(tdObj.children("input").length>0)
{
return false;
}
var inputObj=$("<input type='text'>").css("border-width","0").css("background-color",tdObj.css("background-color")).width(tdObj.width()).val(text).appenTo(tdObj);
inputObj.trigger("focus").trigger("select");
inputObj.click(function(){
return false;
});
inputObj.keyup(function(event){
var keycode=event.which;
if(keycode==13)
{
var inputText=inputObj.html();
tdObj.html(inputText);
}
if(keycode==27)
{
tdObj.html(text);
}
});
});
});
var inputObj=$("<input type='text'>").css("border-width","0").css("background-color",tdObj.css("background-color")).width(tdObj.width()).val(text).appenTo(tdObj);
为什么总提示这行错误?13行 字符3错误,对象不支持该属性和方法
讲的确实不错!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ceshi.js"></script>
<link href="css/csshi.css" media="all" rel="stylesheet" type="text/css" />
</head> <BODY>
<table>
<thead>
<th colspan="2">学生管理</th>
</thead>
<tbody>
<tr><th>学号</th><th>姓名</th></tr>
<tr><td>000001</td><td>御寒</td></tr>
<tr><td>000002</td><td>三户</td></tr>
<tr><td>000003</td><td>九天</td></tr>
<tr><td>000004</td><td>胡敏</td></tr>
<tr><td>000005</td><td>教授</td></tr>
<tr><td>000006</td><td>车突然</td></tr>
<tbody>
</table>
</BODY>
</HTML>html代码
var inputObj=$(" <input type='text'>").css("border-width","0").css("background-color",tdObj.css("background-color")).width(tdObj.width()).val(text).appenTo(tdObj);
appenTo写错了, 应该是appendTo