javascript - ลบสไตล์ออกจากองค์ประกอบ

ฉันกำลังสงสัยว่าสิ่งนี้เป็นไปได้หรือไม่

มีองค์ประกอบนี้

<div id="sample_id" style="width:100px; height:100px; color:red;">

ดังนั้นฉันต้องการลบ width:100px; และ height:100px;

ผลลัพธ์จะเป็น

<div id="sample_id" style="color:red;">

ความช่วยเหลือใด ๆ จะได้รับความชื่นชม :)

คำตอบ #1

คุณสามารถแก้ไขสไตล์ด้วย Javascript ล้วน ๆ ไม่ต้องใช้ไลบรารี รองรับโดยทุกเบราว์เซอร์

var element = document.getElementById('sample_id');

element.style.width = '';
element.style.height = '';

สำหรับข้อมูลเพิ่มเติม คุณสามารถอ้างอิงเอกสารเกี่ยวกับ HTMLElement.style บน MDN ได้

คำตอบ #2

var element = document.getElementById('sample_id');
element.style.removeProperty("width");
element.style.removeProperty("height");