如果你想要完全兼容，看起來容易的事實上是很棘手的。

var?e?=?document.createElement('div');

假設您要添加“div1”的ID。e['id']?=?'div1';e.id?=?'div1';e.attributes['id']?=?'div1';e.createAttribute('id','div1')

這些都將工作，除了IE 5.5中的最后一個(這是古代歷史，但仍然是XP的默認，沒有更新)。

但當然還有突發事件。在8之前的IE中不會工作：e.attributes['style']?不會出錯而是實際上不會設置類，它必須是className :?e['class'].

但是，如果你正在使用屬性，那么這將工作：e.attributes['class']

總之，將屬性視為文字和面向對象。

在字面上，你只是希望它吐出x ='y'而不考慮它。這是屬性，setAttribute，createAttribute的用途(IE的樣式異常除外)。但因為這些都是對象，所以事情可能會變得混亂。

因為你要正確地創建一個DOM元素而不是jQuery innerHTML slop，我會把它視為一個并堅持使用e.className ='fooClass'和e.id ='fooID'。這是一個設計偏好，但在這種情況下，嘗試對待除了對象之外的其他任何東西。

它永遠不會像其他方法那樣適得其反，只要知道class是className而style是一個對象，所以它的style.width not style =“width：50px”。還要記住tagName，但這已經由createElement設置，所以你不必擔心它。

這比我想要的要長，但JS中的CSS操作是棘手的事情。

總結

以上是生活随笔為你收集整理的js在ie追加html,如何使用JavaScript将属性添加/更新到HTML元素？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。