Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính sizes của Link trong HTML DOM

Thuộc tính sizes của Link trong HTML DOM trả về giá trị của thuộc tính sizes của phần tử link.

LƯU Ý - Thuộc tính sizes chỉ được sử dụng khi thuộc tính rel được đặt là 'icon'.

Cú pháp

Trả về giá trị thuộc tính sizes:

linkObject.sizes

Ví dụ

Ví dụ minh họa thuộc tính Link rel (liên quan đến sizes):

<!DOCTYPE html> <html> <head> <title>Link sizes</title> <link id="extStyle" rel="icon" href="new.gif" sizes="10x10"> </head> <body> <form> <fieldset> <legend>Link-sizes</legend> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var extStyle = document.getElementById("extStyle"); if(extStyle.sizes == '10x10') divDisplay.textContent = 'The linked icon size: '+extStyle.sizes+' is not compatible'; else divDisplay.textContent = 'Congrats! The linked icon size is compatible'; </script> </body> </html>

Trong ví dụ trên 'style.css' chứa:

form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; }

Kết quả

Thuộc tính sizes của Link trong HTML DOM