I need to remove all properties that may be in the style attribute, but at the same time leave only the Width property.
<div class="item" style="font-size: 16px; width: 100px">
<div class="sub-item" style="width: 100px">text</div>
<div class="delete-item" style="border: 1 solid;">remove</div>
</div>
You can use getComputedStyle() along with removeAttribute()
document.querySelectorAll('div').forEach(div=>{
//get the width
let widthDiv = getComputedStyle(div).width;
// ✅ Remove all Styles from Element
div.removeAttribute('style');
// ✅ Set specific style of an Element
div.style.width = widthDiv;
})<div class="item" style="font-size: 16px; width: 100px">
<div class="sub-item" style="width: 100px">text</div>
<div class="delete-item" style="border: 1 solid;">remove</div>
</div>