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

Thuộc tính name trong HTML DOM


Giới thiệu

Thuộc tính name trong HTML DOM trả về chuỗi (string) tương ứng với tên của thuộc tính (attribute) của một phần tử.

Cú pháp

Lấy giá trị chuỗi:

elementAttribute.name

Ví dụ

Ví dụ lấy tên thuộc tính đầu tiên của thẻ <img> (là src).

<!DOCTYPE html> <html> <head> <title>HTML DOM name</title> <style> 
  * { padding: 2px; margin:5px; } 
  form { width:70%; margin: 0 auto; text-align: center; } 
  input[type="button"] { border-radius: 10px; } 
</style> </head> <body> 
  <form> 
    <fieldset> 
      <legend>HTML-DOM-name</legend> 
      <img src="https://www.tutorialspoint.com/data_communication_computer_network/images/dcn-mini-logo.jpg"> 
      <div id="divDisplay">Thuộc tính nào trong img element được dùng làm đường dẫn nguồn?</div> 
      <input type="button" value="Get Answer" onclick="getAnswers()"> 
    </fieldset> 
  </form> 
  <script> 
    var divDisplay = document.getElementById("divDisplay"); 
    function getAnswers() { 
      var ans = document.getElementsByTagName('img')[0].attributes[0].name; 
      divDisplay.textContent = 'Một thuộc tính "' + ans + '" được dùng làm đường dẫn nguồn trong img element'; 
    } 
  </script> </body> </html>

Kết quả

Trước khi nhấn Get Answer:

Thuộc tính name trong HTML DOM

Sau khi nhấn Get Answer:

Thuộc tính name trong HTML DOM