মান মোডে উপাদান প্রস্থ বা উচ্চতা সেট করুন

123

<div>স্ট্যান্ডার্ড মোডে জাভাস্ক্রিপ্টে এইচটিএমএল উপাদান (প্রাক্তন ) এর প্রস্থ বা উচ্চতা সেট করা সম্ভব ?

নিম্নলিখিত কোডটি নোট করুন:

<html>
<script language="javascript" type="text/javascript">
    function changeWidth(){
        var e1 = document.getElementById("e1");
        e1.style.width = 400;
    } 
</script>
<body>
    <input type="button" value="change width" onclick="changeWidth()"/>
    <div id="e1" style="width:20px;height:20px; background-color:#096"></div>
</body>
</html>

যখন ব্যবহারকারী পরিবর্তন প্রস্থের বোতামটি টিপেন, তার <div>প্রস্থ পরিবর্তন করা উচিত।

ডক্টাইপ ঘোষণাটি কুইর্কস মোড নির্ধারণ করার সময় এটি দুর্দান্ত কাজ করে। স্ট্যান্ডার্ড মোডে আমি এইভাবে উপাদানটির আকার পরিবর্তন করতে অক্ষম

স্ট্যান্ডার্ডস মোডে কোনও উপাদানের আকার হেরফের করা কি সম্ভব? এই অক্ষমকরণকে কীভাবে বাইপাস করবেন?

— rafalry
সূত্র

191

প্রস্থের একক ঘোষণার চেষ্টা করুন:

e1.style.width = "400px"; // width in PIXELS

— আলেকজান্দ্রে পেরেজ
সূত্র

1

আহাহা .. মানে "মেয়াও" (গ)। আমি প্রায় এক ঘন্টা ব্যয় করেছি, কেন স্টাইল প্রয়োগ করা হচ্ছে না তা বোঝার চেষ্টা করছি। ধন্যবাদ!

— ভিটালিই ভ্যাসিলেনকো

1

এটি প্রস্থটি মার্জিন সহ অন্তর্ভুক্ত করে উল্লেখ করার মতো এবং যখন box-sizing: border-box;প্রস্থটি সীমানাগুলি অন্তর্ভুক্ত করবে, অন্যথায় প্রস্থটি সীমানা অন্তর্ভুক্ত করবে না।

— কিয়ান চেন

39

styleসম্পত্তি আপনি সিএসএস বৈশিষ্ট্যের জন্য মান উল্লেখ করতে দেয়।

সিএসএস widthসম্পত্তি তার মান হিসাবে একটি দৈর্ঘ্য নেয়।

দৈর্ঘ্যের জন্য ইউনিট প্রয়োজন। কুইর্কস মোডে, ব্রাউজারগুলি দৈর্ঘ্যের পরিবর্তে পূর্ণসংখ্যার সাথে সরবরাহ করা হলে পিক্সেল ধরে নিতে ঝোঁক। ইউনিট নির্দিষ্ট করুন।

e1.style.width = "400px";

— কোয়েন্টিন
সূত্র