如何通过javascript获取css属性并更改html元素的高度

我尝试创建一个div元素并从CSS选择器读取高度。最后通过javascript更改div元素的高度。当我使用

div.style.height='15px'时工作正常，但我希望动态更改高度，因为我的CSS类将根据响应函数进行更改

我的CSS是：

    #indicator {
        width: 15px;
        height: 15px;
    }

我将此代码用于脚本：

 div = document.createElement("div");// valve_indicator
 div.style.border = '1px solid #b3280a';

 div.style.height =document.getElementById('indicator').style.height; // instead div.style.height ='15px';
 div.style.width = '15px';
 cell.appendChild(div); // cell is a table cell

但是
document.getElementById（'indicator'）.style.height
返回null。
请提前帮我谢谢
删除
#指示器中的
#
getElementById（）
不需要在id名称前签名

document.getElementById('indicator').style.height

如果要动态更改
指示器
高度
：

let indicator = document.getElementById('indicator');
indicator.addEventListener("change", function(){
    div.style.height = indicator.style.height;
}) 

我用这个代码解决了我的问题

div.className='indicator';

您的代码不完整，请使用完整的js代码编辑您的问题是，此代码用于for循环我编辑它您首先创建了div标记，但没有将其附加到Dom，然后您想要选择它，答案绝对为null，必须首先附加到Dom，然后选择itHowever，您不应该在下一行的选择器“getElementById”中输入#符号，我将其追加到表单元格cell.appendChild（div）；我编辑您的
标签末尾的isIs您的
标签？在加载之前，您的javascript代码无法看到
指示器div
；工作正常，但我希望动态更改高度，因为我的CSS类是动态的。我编辑了动态更改问题。如果您正确使用
script
标记，则此代码应该可以工作。希望这有帮助。