javascript - 更改javascript文件中的css类元素高度

Question

亲爱的程序员们

我正在开发一个元素，其中包含最小化版本的 amChart JavaScript 文件。问题是我需要更改那些 JS 文件中特定类元素的高度。但是，它们被最小化了。所以我真的无法改变他们的任何事情。

我想到了创建一个新的 JS 文件，更改该类的高度属性，并将其放置在其他 amchart 最小化 JavaScript 文件下的资源页面中，这样它就可以在最后读取我的 JS 并将我需要的 height 属性，因为我相信它的工作方式是按顺序读取 JS 文件。

如果您想知道为什么我不只制作一个 CSS 文件而不是一个 JavaScript 文件，因为 JS 文件是在 CSS 文件之后读取的，所以我把它放在哪里并不重要。

你能告诉我这是否是我们在 JavaScript 文件中更改类元素的高度属性的方式吗？该类是 .amchartsLegend

//changing the height attribute of amChartsLegend

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

还有一个问题是 document 应该替换为 amchart 最小化 JS 文件的实际名称吗？假设这是更改高度的正确代码

Answer 1

使用 for statement因为您使用的是 document.querySelectorAll它返回一个数组

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

这是一个例子

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>