HTML DOM name प्रॉपर्टी

परिचय

HTML DOM name प्रॉपर्टी किसी एलिमेंट के एट्रिब्यूट के नाम से संबंधित एक स्ट्रिंग लौटाती है।

सिंटैक्स

स्ट्रिंग मान वापस करना:

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 एलिमेंट में सोर्स पथ के रूप में किस एट्रिब्यूट का उपयोग किया जाता है?</div>
      <input type="button" value="उत्तर प्राप्त करें" onclick="getAnswers()">
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    function getAnswers() {
      var ans = document.getElementsByTagName('img')[0].attributes[0].name;
      divDisplay.textContent = 'img एलिमेंट में सोर्स पथ के रूप में "' + ans + '" एट्रिब्यूट का उपयोग किया जाता है';
    }
  </script>
</body>
</html>

आउटपुट

'उत्तर प्राप्त करें' बटन पर क्लिक करने से पहले:

'उत्तर प्राप्त करें' बटन पर क्लिक करने के बाद: