HTML屬性與DOM屬性的差別是什麼？本篇文章就跟大家介紹HTML屬性與DOM屬性的差別。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助
區分DOM屬性和HTML元素屬性
##HTML元素的屬性大家應該都知道，像是HTML元素屬性和DOM屬性的名稱和值大部分都相同，所以導致很多人都錯誤的認為兩者是相同的。
區分HTML元素屬性和DOM屬性是一件很考驗經驗和記憶力的事情，那是曾經。現在jQuery的屬性運算函數attr()就可以忘記這些差異。使用javascript操作DOM屬性
使用javascript操作DOM屬性就是操作javascript物件的屬性。 javascript物件的屬性是不需要聲明的。有多種方式可以存取屬性，如下：myImg.src = "xxxxxx" //使用“.”运算符 myImg["src"] = "xxxxxx" // 使用属性访问器 var propName = "src"; myImg[propName] = "xxxxxx" //属性访问器支持变量
var result = "";
for (var p in myImg)
{
result += "属性名：" + p + "，属性值：" + myImg[p] + "\n";
}使用javascript操作HTML元素屬性
使用javascript中的getAttribute和setAttribute，可以操作HTML元素屬性。例如：alert(myImg.getAttribute("class"));
myImg.setAttribute("class","myclass2");HTML屬性與DOM屬性的差別是什麼？
對於瀏覽器引擎而言，並不存在「HTML標籤」這回事。其本質是DOM節點物件。也不存在「HTML文件」這回事，其本質是DOM節點物件組成的文檔樹。 瀏覽器引擎才是實際儲存和渲染DOM節點物件的「大爺」。只是我們無法直接操作瀏覽器引擎，所以對這個本質並不熟悉（其實也不需要很熟悉，但得知道）。
DOM節點物件是唯一的，但操作DOM節點物件的數據，卻不只一種方法。例如對於一個圖像的寬度：
HTML屬性和JavaScript的DOM物件的屬性，本質上都只是影響DOM節點物件資料的眾多理由之一。
多個原因影響同一個DOM節點的實質資料（多對一），請務必記住這個本質理由。
詳細而言：
HTML只是文檔樹和節點物件的一種描述方法。
解析器部分，依照HTML直接把DOM文件樹，交給瀏覽器引擎。
JavaScript中的DOM對象，只是一種操作瀏覽器引擎中DOM物件的介面。
原樣映射。
你如果用其他办法修改了引擎使用的DOM树，也能更新文档结构。（当然这种办法基本上不存在…）
至于HTML属性名和JavaScript DOM对象的属性名大多相似或等同，这仅仅是人为的方便。我如果喜欢我也可以设计成这样嘛：
// <img src="http://localhost/1.png" alt="alt text" width=640 height=480 /> node.DataSource = "http://localhost/1.png"; node.AlternativeText = "alt text"; node.Dimension.Width = 640; node.Dimension.Height = 480;
虽然这样就真的没法记了。
JavaScript DOM对象属性名和HTML属性名的近似，是JavaScript给Web开发者的恩惠。选择只记忆HTML属性名，然后记忆（或者是踩坑了再反查）JavaScript属性名中少量和HTML不同名的差异点，这是很自然的。
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程，jQuery视频教程，bootstrap教程！
以上是HTML屬性與DOM屬性的差別是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
