Uncaught TypeError: Object #<HTMLCollection> has no method 'toLowerCase'问题

在应用JQuery+easyui开发的项目的时候，今天突然在一个模块报错：

Chome下：

Uncaught TypeError: Object #<HTMLInputElement> has no method 'toLowerCase'

IE下：

 

SCRIPT438: 对象不支持“toLowerCase”属性或方法 

jquery-1.8.3.js, 行1719 字符3

 

郁闷很久，下载JQuery源代码调试，更换版本，调整DOCTYPE，都没有办法解决，而且最怪的是只有这个模块，其他模块都是正常的，冷静下来判断可能问题出在该模块上。于是仔细的分析该报错的简单页面。如下

$("#table .table-body table").append(
"<tr align=\"center\">"
+ "<td style=\"width: 20px;\">"
+ "<input type=\"checkbox\" style=\"margin-left:20px;display:block;\">"
+ "</td>"
+ "<td style=\"width:60px;position: relative;\" class=\"rowName\">"
+ "<input id=\"nodeName\" type=\"text\" style=\"width:100%;height:100%;border:0px;\"></input>"
+ "</td>"
+ "<td style=\"width:60px;\" >"
+ "<select id=\"nodeResource\" style=\"width:100%;height:100%;border:0px;\"><option value=\"1\">1</option><option value=\"2\">2</option></select>"
+ "</td>" + "</tr>");

慢慢找原因，最后发现是这个id 的命名似乎与jquery 有冲突   

“nodeName”

换成"theNodeName" 后，就行了。

问题解决。我靠~ 浪费了半个小时啊。兄弟们，用jquery-ui千万不要命名标签的名称为nodeName啊！！！