এইচটিএমএল ডোম Object অবজেক্ট
Object অবজেক্ট
Object অবজেক্ট এইচটিএমএল <object> এলিমেন্টকে প্রতিনিধিত্ব করে।
Object অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <object> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("object");
a.setAttribute("data", "../helloworld.swf");
a.setAttribute("width", "200");
a.setAttribute("height", "200");
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
Object অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <object> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<object id="test" width="200" height="200" data="../helloworld.swf">
</object>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test").data;
alert(a);
}
</script>
</body>
</html>ফলাফল
Object প্রোপার্টি
= এইচটিএমএল (৫) এ যেসকল প্রোপার্টি যুক্ত করা হয়েছে।
| প্রোপার্টি | বর্ণনা |
|---|---|
| align | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে style.cssFloat ব্যবহার করুন। পার্শ্ববর্তী টেক্সট অনুযায়ী অবজেক্টের alignment সেট বা রিটার্ন করে। |
| archive | এইচটিএমএল(৫) এ সাপোর্ট করে না। একটি স্ট্রিং সেট বা রিটার্ন করে যা অবজেক্টের জন্য আপনার archive functionality প্রয়োগ করতে ব্যবহৃত হতে পারে। |
| border | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে style.border ব্যবহার করুন। অবজেক্টের চারপাশে বর্ডার সেট বা রিটার্ন করে। |
| code | এইচটিএমএল(৫) এ সাপোর্ট করে না। কম্পাইল জাভা ক্লাসযুক্ত ফাইলের URL সেট বা রিটার্ন করে। |
| codeBase | এইচটিএমএল(৫) এ সাপোর্ট করে না। কম্পোনেন্টের URL সেট বা রিটার্ন করে । |
| codeType | এইচটিএমএল(৫) এ সাপোর্ট করে না।. |
| data | রিসোর্সের URL সেট বা রিটার্ন করে যা অবজেক্ট দ্বারা ব্যবহৃত হবে। |
| declare | এইচটিএমএল(৫) এ সাপোর্ট করে না। |
| form | অবজেক্টের প্যারেন্ট ফর্মের রেফারেন্স রিটার্ন করে। |
| height | অবজেক্টের height সেট বা রিটার্ন করে। |
| hspace | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে
style.margin ব্যবহার করুন অবজেক্টের অনুভূমিক মার্জিন সেট বা রিটার্ন করে। |
| name | অবজেক্টের নাম সেট বা রিটার্ন করে। |
| standby | এইচটিএমএল(৫) এ সাপোর্ট করে না। যখন অবজেক্ট লোডিং হয় তখন এটি মেসেজ সেট বা রিটার্ন করে। |
| type | ডাটা এট্রিবিউট দ্বারা ডাটা ডাউনলোডের জন্য কন্টেন্ট টাইপ সেট বা রিটার্ন করে। |
| useMap | ক্লাইন্ট সাইডে ইমেজ ম্যাপের নাম সেট বা রিটার্ন করে যা অবজেক্টের সাথে ব্যবহৃত হতে পারে। |
| vspace | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে style.margin ব্যবহার করুন । অবজেক্টের উলম্ভ মার্জিন সেট বা রিটার্ন করে। |
| width | অবজেক্টের width সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |