使用javascript的方法，传入this参数，不起作用
我在一个input标签里面调用onclick时间，调用方法传入this.，从this获取dom对象操作，使一个文本框变为不可读且无边框，但是怎么样都无法达到目的。但是使用...
我在一个input标签里面调用onclick时间，调用方法传入this.，从this获取dom对象操作，使一个文本框变为不可读且无边框，但是怎么样都无法达到目的。但是使用document的getElementById方法得到的对象却可以成功完成操作。
html代码：
<!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" />
<title>无标题文档</title>
<style type="text/css">
.noBorder{
border:0px none #FFF;
}
</style>
<script src="table.js"></script>
</head>
<body>
<table id="table" >
<tr>
<td><input type="text" name="wenben" id="test"/></td>
<td><input type="submit" onclick="changeText(this);" value="保存"></input></td>
</tr>
</table>
</body>
</html>
javascript代码：
// JavaScript Document
function changeText(inputObj){
/*var table =document.getElementById("table");
var input =table.rows[0].cells[0].firstChild;*/
//var input = document.getElementById("test");
/* var row = cellObj.parentNode.parentNode;
var input = row.fistChild.fistChild;
input.innerHTML="123";
input.setAttribute("value","readOnly");
*/
var tr =inputObj.parentChild.parentChild;
var input = tr.firstChild.fistChild;
input.readOnly=true;
input.setAttribute("value","readOnly");
input.className="noBorder";
input.parentNode.className="noBorder";
} 展开
html代码：
<!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" />
<title>无标题文档</title>
<style type="text/css">
.noBorder{
border:0px none #FFF;
}
</style>
<script src="table.js"></script>
</head>
<body>
<table id="table" >
<tr>
<td><input type="text" name="wenben" id="test"/></td>
<td><input type="submit" onclick="changeText(this);" value="保存"></input></td>
</tr>
</table>
</body>
</html>
javascript代码：
// JavaScript Document
function changeText(inputObj){
/*var table =document.getElementById("table");
var input =table.rows[0].cells[0].firstChild;*/
//var input = document.getElementById("test");
/* var row = cellObj.parentNode.parentNode;
var input = row.fistChild.fistChild;
input.innerHTML="123";
input.setAttribute("value","readOnly");
*/
var tr =inputObj.parentChild.parentChild;
var input = tr.firstChild.fistChild;
input.readOnly=true;
input.setAttribute("value","readOnly");
input.className="noBorder";
input.parentNode.className="noBorder";
} 展开
展开全部
这明显是你写错了
parentChild改成parentNode
var input = tr.firstChild.fistChild改成 var input = tr.cells[0].firstChild;
fistChild也写错了
你自己再试试
parentChild改成parentNode
var input = tr.firstChild.fistChild改成 var input = tr.cells[0].firstChild;
fistChild也写错了
你自己再试试
追问
可以了，多谢
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。下面我们将按照调用方式的不同，分别讨论 this 的含义。
作为对象方法调用
在 JavaScript 中，函数也是对象，因此函数可以作为一个对象的属性，此时该函数被称为该对象的方法，在使用这种调用方式时，this 被自然绑定到该对象。
作为函数调用
函数也可以直接被调用，此时 this 绑定到全局对象。在浏览器中，window 就是该全局对象。比如下面的例子：函数被调用时，this 被绑定到全局对象，接下来执行赋值语句，相当于隐式的声明了一个全局变量，这显然不是调用者希望的。
作为对象方法调用
在 JavaScript 中，函数也是对象，因此函数可以作为一个对象的属性，此时该函数被称为该对象的方法，在使用这种调用方式时，this 被自然绑定到该对象。
作为函数调用
函数也可以直接被调用，此时 this 绑定到全局对象。在浏览器中，window 就是该全局对象。比如下面的例子：函数被调用时，this 被绑定到全局对象，接下来执行赋值语句，相当于隐式的声明了一个全局变量，这显然不是调用者希望的。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
