JavaScript lineHeight

Question

我使用下面的JS代码清除div元素的内容以插入其他元素。但是当div关闭时，它的CSS几乎丢失了，我试图保留它还是更新它：

Javascript代码

function Changecon() {
    var element = document.getElementById("myList");
    while (element.firstChild) {
        element.removeChild(element.firstChild);
    }        
    document.getElementById("myList").style.lineHeight="577";
};

由于某种原因，最后的代码行无法工作。任何解决方案？提前感谢。

Answer 1

您必须在最后添加单位（px）。

document.getElementById("myList").style.lineHeight="577px";

Answer 2

您需要使用px来限定行高值。你也可以使用innerHTML清除你的div。

如果您还希望577px在没有内容时达到最小高度，请确保设置元素的minHeight。这是因为如果没有线条，线条高度不会影响任何东西。

function Changecon() {
    var element = document.getElementById("myList");

    element.innerHTML = "";
    element.style.lineHeight = "577px";
    element.style.minHeight = "577px";
}