HTML এ HTML DOM অবজেক্ট অবজেক্ট প্রতিনিধিত্ব করে উপাদান।
একটি <অবজেক্ট> উপাদান
তৈরি করা হচ্ছেvar objectElement = document.createElement(“OBJECT”)
এখানে, “objectElement ” এর নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -
| সম্পত্তি | বর্ণনা |
|---|---|
| ডেটা৷ | অবজেক্টলিমেন্টের দ্বারা ব্যবহৃত রিসোর্সের URL ইটসেট/রিটার্ন করে |
| ফর্ম৷ | Itre অবজেক্ট এলিমেন্টের আবদ্ধ ফর্মের একটি রেফারেন্স দেয় |
| উচ্চতা৷ | অবজেক্ট এলিমেন্টের উচ্চতা এটিসেট/রিটার্ন করে |
| নাম৷ | অবজেক্ট এলিমেন্টের নাম ইটসেট/রিটার্ন করে |
| টাইপ | ডেটা অ্যাট্রিবিউটের মাধ্যমে ডাউনলোড করা ডেটার জন্য এটিসেট/রিটার্ন করে |
| ম্যাপ ব্যবহার করুন৷ | অবজেক্ট এলিমেন্টের সাথে ব্যবহার করা একটি ক্লায়েন্ট-সাইড ইমেজ ম্যাপের নাম এটিসেট/রিটার্ন করে |
| প্রস্থ৷ | এটিসেট/অবজেক্ট এলিমেন্টের প্রস্থ ফেরত দেয় |
আসুন HTML DOM অবজেক্ট অবজেক-এর উদাহরণ দেখি t সম্পত্তি -
উদাহরণ
<!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 পান ক্লিক করার পরে৷ ’ বোতাম -
