কম্পিউটার

JavaScript দিয়ে innerHTML সেট করুন


অভ্যন্তরীণ HTML সেট করার জন্য সঠিক সিনট্যাক্স নিম্নরূপ -

document.getElementById(“yourIdName”).innerHTML=”yourValue”;

এখন দেখা যাক কিভাবে innerHTML −

সেট করতে হয়

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<label>
Username:<input type="text" />
</label>
<p id="test"></p>
<script>
   document.getElementById('test').innerHTML = 'Enter Some value into the text box';
</script>
</body>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। ভিএস কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

JavaScript দিয়ে innerHTML সেট করুন


  1. কিভাবে জাভাস্ক্রিপ্ট দিয়ে ক্যানভাসে আঁকা যায়?

  2. জাভাস্ক্রিপ্ট দিয়ে ফন্টের সাহসিকতা কিভাবে সেট করবেন?

  3. জাভাস্ক্রিপ্ট দিয়ে একটি উপাদানের মার্জিন কিভাবে সেট করবেন?

  4. জাভাস্ক্রিপ্টে সেট ক্লাস