Sử dụng createAttribute so với chỉ thiết lập thuộc tính trực tiếp?

Question

Trong javascript, chúng ta có thể tạo ra một phần tử DOM mới theo các cách sau ...

Bằng việc sử dụng createAttribute() + setAttributeNode() phương pháp dom:

var input = document.createElement("input"), 
    type = document.createAttribute("type"); 

type.nodeValue = "text"; 
input.setAttributeNode(type); 
container.appendChild(input); 

hoặc bằng cách chỉ cần thiết lập các thuộc tính trực tiếp :

var input = document.createElement("input"); 

input.type = "text"; 
container.appendChild(input); 

Thứ hai có thể kết thúc là mã ít hơn nhiều, ngay cả khi chỉ có một vài thuộc tính cho mỗi phần tử.

Câu hỏi: có ai chạy trên bất kỳ hạn chế nào của phương pháp sau không (thiết lập thuộc tính trực tiếp)?

Tôi đã thử nghiệm điều này trên một số trình duyệt (phiên bản mới nhất, IE, Safari, Opera, IE cũ - thậm chí IE6 đã hoạt động) và trên thử nghiệm cơ bản (chèn đầu vào văn bản có loại, tên và thuộc tính maxLength) . Here's the fiddle nếu có ai cần.

Answer 1

document.createAttribute 
document.createAttributeNS 
element.getAttributeNode 
element.getAttributeNodeNS 
... and a lot of others 

sẽ hết hạn vào DOM4, do đó, không sử dụng nó, chỉ cần thiết lập với setAttribute ("tên", "giá trị")

http://www.w3.org/TR/dom/#element

someinput.type là khác nhau về cơ bản là lối tắt để thực hiện

setAttribute("type","text"); 
getAttribute("text"); 

hy vọng điều này sẽ hữu ích!

element._some_attribute_ is not available for all attributes, just some: 
element.dir 
element.lang 
element.id 
...etc 

Answer 2

Cách ly IE 5.5 có vấn đề với việc sử dụng tên thuộc tính (ví dụ: node[attributeName]). Quirksmode has this well documented.