HTML में HTML DOM ऑब्जेक्ट ऑब्जेक्ट <ऑब्जेक्ट> . का प्रतिनिधित्व करता है तत्व।
एक <ऑब्जेक्ट> तत्व
बनानाvar objectElement = document.createElement(“OBJECT”)
यहां, “ऑब्जेक्ट एलीमेंट " में निम्नलिखित गुण हो सकते हैं -
| संपत्ति <वें>विवरण | |
|---|---|
| data | ऑब्जेक्टलेमेंट द्वारा उपयोग किए जा रहे संसाधन का URL सेट/रिटर्न करता है |
| form | यह वस्तु तत्व के संलग्न रूप का संदर्भ देता है |
| ऊंचाई | ऑब्जेक्ट एलिमेंट की ऊंचाई को सेट/रिटर्न करता है |
| name | ऑब्जेक्ट एलिमेंट का नाम सेट/रिटर्न करता है |
| type | dataattribute के माध्यम से डाउनलोड किए गए डेटा के लिए सामग्री प्रकार को सेट/रिटर्न करता है |
| useMap | ऑब्जेक्ट एलिमेंट के साथ उपयोग किए जाने वाले क्लाइंट-साइड इमेज मैप का नाम सेट/रिटर्न करता है |
| चौड़ाई | ऑब्जेक्ट एलिमेंट की चौड़ाई को सेट/रिटर्न करता है |
आइए हम HTML DOM ऑब्जेक्ट Objec का एक उदाहरण देखें टी संपत्ति -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Object object</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-Object</legend>
<object id="objSelect" height="200" data="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg"></object>
<input type="button" onclick="getObjectData()" value="Get 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 of above picture: '+objSelect.data;
}
</script>
</body>
</html> आउटपुट
‘URL प्राप्त करें’ . क्लिक करने से पहले बटन -
'URL प्राप्त करें . पर क्लिक करने के बाद ' बटन -
