HTML DOM ইমেজ অবজেক্ট একটি HTML নথির উপাদান
আসুন একটি img অবজেক্ট তৈরি করি -
সিনট্যাক্স
নিম্নলিখিত সিনট্যাক্স −
document.createElement(“IMG”);
সম্পত্তি
নিচে ইমেজ অবজেক্ট -
এর বৈশিষ্ট্য রয়েছে| সম্পত্তি | ব্যাখ্যা |
|---|---|
| alt | এটি একটি ইমেজ HTML এলিমেন্টের Alt অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| সম্পূর্ণ | ব্রাউজারটি HTML ওয়েব পৃষ্ঠায় একটি ছবি লোড করা শেষ করেছে কিনা তা ফেরত দেয়। |
| ক্রসঅরিজিন | এটি একটি ইমেজ HTML উপাদানের CROS সেটিং ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| উচ্চতা | এটি একটি ইমেজ HTML উপাদানের উচ্চতা বৈশিষ্ট্যের মান প্রদান করে এবং পরিবর্তন করে। |
| প্রাকৃতিক উচ্চতা | এটি HTML নথিতে একটি চিত্রের স্বাভাবিক উচ্চতা প্রদান করে। |
| প্রাকৃতিক প্রস্থ | এটি HTML নথিতে একটি চিত্রের স্বাভাবিক প্রস্থ প্রদান করে। |
| src | এটি একটি ইমেজ HTML এলিমেন্টের src অ্যাট্রিবিউটের মান রিটার্ন করে এবং পরিবর্তন করে। |
| ম্যাপ ব্যবহার করুন | এটি একটি ইমেজ HTML এলিমেন্টের useMap অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| প্রস্থ | এটি একটি চিত্রের HTML উপাদানের প্রস্থ বৈশিষ্ট্যের মান ফেরত দেয় এবং পরিবর্তন করে। |
| isMap | এটি ফিরে আসে এবং সংশোধন করে যে HTML নথিতে থাকা চিত্রটি সার্ভার-সাইড চিত্র-ম্যাপের অংশ হবে কি না |
উদাহরণ
আসুন HTML DOM ইমেজ অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
}
.btn{
background-color:lightblue;
border:none;
height:2rem;
border-radius:50px;
width:60%;
margin:1rem auto;
display:block;
}
</style>
</head>
<body>
<h1>DOM Image Object Example</h1>
<button onclick="createIframe()" class="btn">Click me to create an image</button>
<script>
function createIframe() {
var x = document.createElement("IMG");
x.setAttribute("src",https://www.tutorialspoint.com/servlets/images/servlets-mini-logo.jpg");
x.setAttribute("alt", "Learn Servlets");
document.body.appendChild(x);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
“একটি ছবি তৈরি করতে আমাকে ক্লিক করুন-এ ক্লিক করুন৷ একটি ইমেজ এলিমেন্ট তৈরি করতে ” বোতাম −
