为什么jquery .attr（）在这种情况下变得区分大小写？

Question

我知道jquery .attr()是不区分大小写的属性名称，但是当我从代码创建的文档中创建一个元素时，它变得区分大小写。

这里是解释这个问题的代码示例：

var mydoc = document.implementation.createDocument('a:b','c',null); 
var myElement = mydoc.createElement("myelement"); 
myElement.setAttribute("attr1","val1"); 

alert($(myElement).attr("attr1"));//val1 
alert($(myElement).attr("Attr1"));//undefined! , why? 

var myElement2 = document.createElement("myelement2"); 
myElement2.setAttribute("attr1","val1"); 

alert($(myElement2).attr("attr1"));//val1 
alert($(myElement2).attr("Attr1"));//val1 

我已经测试了镀铬22.0和jQuery 1.8。

UPDATE：

它似乎不是jquery问题。

console.log(myElement.attributes['attr1']); //val1 , OK 
console.log(myElement.attributes['Attr1']); //undefined ??? 

console.log(myElement2.attributes['attr1']); //val1 , OK 
console.log(myElement2.attributes['Attr1']); //val1 , OK 

Answer 1

您需要创建的HTML为DocumentType（https://developer.mozilla.org/en-US/docs/DOM/DOMImplementation.createDocumentType）并作为第三参数传递给createDocument方法

var dt = document.implementation.createDocumentType('html', '', ''); 
var mydoc = document.implementation.createDocument('a:b','c',dt); 

var myElement = mydoc.createElement("myelement"); 
myElement.setAttribute("attr1","val1"); 

console.log(myElement.attributes['attr1']); //val1 , OK 
console.log(myElement.attributes['Attr1']); //val1 , OK !!! 

Answer 2

这是由于文件类型，只指定的文件类型（HTML为例）：

var mydoc = document.implementation.createHTMLDocument() 

http://jsfiddle.net/ouadie/wwNhw/