Question

我的html文档中有几个<svg>标记，我使用javascript以编程方式更改所有这些标记的高度。我有以下代码可以成功运行，但它只针对第一个svg。

  var x = document.getElementsByTagName('svg')[0].getAttribute('height'); 
  var svgHeight = parseFloat(x) + 30;
  document.getElementsByTagName('svg')[0].setAttribute('height', svgHeight);

如何定位剩余的svg标签？任何帮助都会很棒。

Answer 1

var array = document.getElementsByTagName('svg')

为您提供页面上所有svg元素的数组。您可以使用简单的for循环遍历它们：

for(var i = 0; i < array.length; i++){
    array[i].setAttribute('height', svgHeight);
}

Answer 2

var svgs = document.getElementsByTagName('svg');

for (var i = 0; i < svgs.length; i++)
{
  var current = svgs[i];
  var svgHeight = parseFloat(current.getAttribute('height')) + 30;
  current.setAttribute('height', svgHeight);
}

使用JS更改多个标签的高度

2 个答案: