javascript - DOM中，獲取屬性
問題描述
<!DOCTYPE HTML><html lang='en-US'><head> <meta charset='UTF-8'> <title></title> <style type='text/css'>h2 {background:#ccc;} </style></head><body><h2 style='font-size:40px; color:red; background-color:black;'>js控制行內樣式</h2> <script type='text/javascript'>var hh2 = document.getElementsByTagName(’h2’)[0]; </script> <script type='text/javascript'>var h2 = document.getElementsByTagName(’h2’)[0];console.log( h2.style );//console.log( h2.style[1] ); //不建議這么用console.log( h2.style.color ); </script></body></html>
問題解答
回答1：你在控制臺，進行輸出測試，就可以清除知道它們的關系：
h2是Dom對象，
style既是h2的屬性，同時h2.style也是一個對象
而color是style下的屬性
所以需要 h2.style.color,這樣取 h2.style[’color’] 也可以
補充：如何輸出打開瀏覽器，按F12,調瀏覽器調試工具。
比如說，你左手大拇指的指甲，用對象屬性表示就是 你.左手.大拇指.指甲。
如果只說 大拇指.指甲，誰知道是哪一個？又有誰知道是你的……
所以定位一個屬性，要從我們已知的某個對象(對象引用)開始，往下尋找。
順便提一下，這里提到的引用，就好比一個代詞“你”、“我”、“他”，或者名稱“John”之類的，當然程序里一般稱為變量。
回答3：什么是子對象？
屬性和對象不沖突啊。
對象的屬性可以是任意類型。因此，對象的屬性也可以是一個對象。
回答4：style是元素的屬性，并不是一個全局對象，需要先通過元素對象獲取style屬性，
網公網安備