15-屬性和屬性節點
阿新 • • 發佈：2018-12-02
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15-屬性和屬性節點</title> <script type="text/javascript" src ="https://code.jquery.com/jquery-1.12.4.js"></script> <script> $(function () { /* 1.什麼是屬性？ 物件上儲存的變數就是屬性 2.如何操作屬性？ 物件.屬性名稱 = 值; 物件["屬性名稱"] = 值; 3.什麼是屬性節點？ 在編寫HTML程式碼時，在html標籤中新增的屬性name value 4.如何操作屬性節點？ DOM元素.setAttribute("屬性名稱","值"); DOM元素.getAttribute("屬性名稱"); 5.屬性與屬性節點有什麼區別？ 任何物件都有屬性，DOM元素才有屬性節點 */ function Person(){ } var p = new Person(); p.name = "liajc"; p["name"] = "zs"; console.log(p.name); console.log(p["name"]); var span = document.getElementsByTagName("span")[0]; span.setAttribute("name","sahca"); //設定屬性節點 }); </script> </head> <body> <span name="ssss"></span> </body> </html>