คุณสมบัติ HTML DOM name

คุณสมบัติ HTML DOM name ส่งคืนสตริงที่สอดคล้องกับชื่อของแอตทริบิวต์ขององค์ประกอบ

ไวยากรณ์ (Syntax)

การส่งคืนค่าสตริง:

elementAttribute.name

ตัวอย่างการใช้งาน

<!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">อะไรคือแอตทริบิวต์ใน img element ที่ใช้เป็น source path?</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 = 'A "' + ans + '" attribute is used as a source path in img element'; 
        } 
    </script> 
</body> </html>

ผลลัพธ์

ก่อนคลิกปุ่ม 'Get Answer':

หลังคลิกปุ่ม 'Get Answer':