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

Thuộc tính value trong HTML DOM


Thuộc tính value trong HTML DOM trả về một chuỗi tương ứng với giá trị của thuộc tính của một phần tử.

Cú pháp

Trả về giá trị chuỗi:

elementAttribute.value

Ví dụ

Ví dụ minh họa thuộc tính HTML DOM value:

<!DOCTYPE html> <html> <head> <title>HTML DOM value</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-value</legend>          <img src="https://www.tutorialspoint.com/jdbc/images/jdbc-mini-logo.jpg">          <div id="divDisplay">Giá trị thuộc tính src là gì?</div>          <input type="button" value="Lấy câu trả lời" onclick="getAnswers()">       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    function getAnswers() {       var ans = document.getElementsByTagName('img')[0].attributes[0].value;       divDisplay.textContent = 'Thuộc tính src có giá trị '+ans;    } </script> </body> </html>

Kết quả

Trước khi nhấn nút „Lấy câu trả lời“:

Thuộc tính value trong HTML DOM

Sau khi nhấn nút „Lấy câu trả lời“:

Thuộc tính value trong HTML DOM