easyUI的可编辑表格-当点击某个单元格进入编辑状态后，用firebug无法看到可编辑单元格中的值，但单元格中确实有值。

Question

在使用jquery-easyui-1.4/demo/datagrid/cellediting.html这个网页时，当点击某个单元格进入编辑状态后，用firebug无法看到可编辑单元格中的值，但单元格中确实有值，这是什么方法？

Answer 1

多谢这位兄弟侠义相助。我主要是想在firebug或IE的开发人员工具中看到这个cell中的数据。现在是界面上看得到，调试工具里看不到，真是怪了。这种怪事还第一次碰到。另不知道DWZ与easyUI相比如何？ easyUI将每个可编辑单元格里又加了一个表格，真是大手笔，不慢是不可能的。DWZ只是将单元格里的内容用div包裹了一下，只要给div增加一个contenteditable="true"的属性，就可以全表格编辑了。

Answer 2

引用来自“e241138”的评论

<input type="test" value="aaa">

上面的value是attribute，用getAttribute()方法获取它；

而document.getElementById("test").value这个value是property，jquery的$("#test").val()获取的就是这个。

当你用js给文本框赋值时，例如$("#test").val("hello world")，你只是修改了它的property，attribute还是不变的。自己用runjs写个例子试试看。

Answer 3

<input type="test" value="aaa">

上面的value是attribute，用getAttribute()方法获取它；

而document.getElementById("test").value这个value是property，jquery的$("#test").val()获取的就是这个。

当你用js给文本框赋值时，例如$("#test").val("hello world")，你只是修改了它的property，attribute还是不变的。自己用runjs写个例子试试看。