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

我在chrome 22.0和jquery 1.8上测试过它。

更新

似乎不是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）：

var mydoc = document.implementation.createHTMLDocument()

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

Answer 2

您需要创建html的documentType（https://developer.mozilla.org/en-US/docs/DOM/DOMImplementation.createDocumentType）并将其作为第3个参数传递给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 !!!

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

2 个答案: