Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Object data प्रॉपर्टी


परिचय

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

सिंटैक्स

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

ObjectElement.data

data प्रॉपर्टी को स्ट्रिंग मान पर सेट करना:

ObjectElement.data = URLString

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Object data</title>
<style>
  form { width: 70%; margin: 0 auto; text-align: center; }
  * { padding: 2px; margin: 5px; }
  input[type="button"] { border-radius: 10px; }
</style>
</head>
<body>
  <form>
    <fieldset>
      <legend>HTML-DOM-Object-data</legend>
      <object id="objSelect" height="200" data="https://www.tutorialspoint.com/python_blockchain/images/python-blockchain-mini-logo.jpg">
      </object>
      <input type="button" onclick="getObjectData()" value="URL प्राप्त करें">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var objSelect = document.getElementById("objSelect");
    function getObjectData() {
      objSelect.data;
      divDisplay.textContent = 'ऊपर की तस्वीर का URL: ' + objSelect.data;
    }
  </script>
</body>
</html>

आउटपुट

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

HTML DOM Object data प्रॉपर्टी

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

HTML DOM Object data प्रॉपर्टी


  1. HTML DOM HR ऑब्जेक्ट HTML DOM HR ऑब्जेक्ट

    विवरण HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व को दर्शाता है। HR ऑब्जेक्ट बनाएं सिंटैक्स document.createElement(HR); उदाहरण आइए hr ऑब्जेक्ट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; color: #0197F6;

  1. HTML DOM Object form प्रॉपर्टी HTML DOM Object form प्रॉपर्टी

    परिचय HTML DOM Object form प्रॉपर्टी <object> एलिमेंट के लिए घेरने वाले फॉर्म का रेफरेंस लौटाती है। सिंटैक्स form ऑब्जेक्ट का रेफरेंस वापस करना: ObjectElement.form उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style> form { w

  1. HTML DOM Ul ऑब्जेक्ट HTML DOM Ul ऑब्जेक्ट

    HTML DOM Ul ऑब्जेक्ट HTML में <ul> एलिमेंट को दर्शाता है। <ul> एलिमेंट बनाना var ulObject = document.createElement(UL) यहां, ulObject के निम्नलिखित गुण हो सकते हैं लेकिन HTML5 में समर्थित नहीं हैं - गुणविवरण compactअनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट