javascript - 动态设置属性时，内联样式不起作用

Question

我正在使用 elem.style 对象向元素添加内联样式。要更改的属性各不相同，因此是动态设置的。然而，这是行不通的。如果我例如将其更改为 elem.style.listStyleType 或它确实有效的任何其他非动态设置的属性。

该属性作为字符串传递，因此我已经尝试从字符串中删除引号，但这也不起作用。感谢您的帮助。

HTML:

<div class="example_cnt doc_widget_cnt" onchange="docWidget(event, this, 'listStyleType')">

JS:

var docWidget = function(evt, elem, cssPropVal){
    if(evt.target.tagName === 'INPUT'){
        var labelText = evt.target.parentElement.textContent;
        elem.lastElementChild.style.cssPropVal = labelText;
    }
}

Answer 1

你试过吗？

elem.lastElementChild.style[cssPropVal] = labelText;