更改CSS類元素高度

Question

尊敬的各位程序員

我工作的一個項目，已最小化的amChart JavaScript文件的版本吧。問題是我需要改變這些JS文件中特定類元素的高度。但是，它們被最小化了。所以我不能改變他們的任何事情。

我想到了創建一個新的JS文件，更改該類的高度屬性，並將其放置在其他amchart最小化JavaScript文件下的資源頁面中，這樣它可以在末尾和地方讀取我的JS我需要的高度屬性，因爲我相信它的工作方式是按順序讀取JS文件。

如果你想知道我爲什麼不只是做一個CSS文件，而不是一個JavaScript文件，因爲JS文件CSS文件後，看了那麼也沒關係，我把它。

你能告訴我，如果這就是我們如何在JavaScript改變高度屬性的一類元素文件？該類是.amcharts傳說

//changing the height attribute of amChartsLegend 

var myElements = document.querySelectorAll(".amChartsLegend") 
myElement.style.height("20px") 

還有一個問題是應該文檔被替換爲amchart最小化JS文件的實際名稱？假設這是爲改變高度

Answer 1

而不是使用Javascript，爲什麼不重寫樣式呢？

<style type='text/css'> 
    .amChartsLegend { 
     height: 20px !important; 
    } 
</style> 

Answer 2

使用for statement正確的代碼，因爲你正在使用它返回一個數組

var myElements = document.querySelectorAll(".amChartsLegend"); 
console.log(myElements.length); 
for (var i= 0; i < myElements.length ; i++) { 
    myElements[i].style.height = "20px" 
} 

這裏document.querySelectorAll是一個例子

var myElements = document.querySelectorAll(".amChartsLegend"); 
 
console.log(myElements.length); 
 
for (var i= 0; i < myElements.length ; i++) { 
 
    myElements[i].style.height = "20px" 
 
}

memu li{ 
 
    background: #ccc; 
 
}

<menu> 
 
    <li class=amChartsLegend>amChartsLegend</li> 
 
    <li>normal</li> 
 
    <li class=amChartsLegend>amChartsLegend</li> 
 
    <li class=amChartsLegend>amChartsLegend</li> 
 
    <li>normal</li> 
 
    <li>normal</li> 
 
</menu>

Answer 3

var nodes = document.querySelectorAll(".amChartsLegend") 
for (var i =0; i < nodes.length; i++) { 
    nodes[i].style.height = "20px"; 
} 

Answer 4

你應該使用

var myElements = document.querySelectorAll(".amChartsLegend"); 
for (var i= 0; i < myElements.lenght ; i++) { 
myElement[i].style.height="20px"; 
}