js 获取元素下的svg元素

要获取元素下的SVG元素，可以使用JavaScript的querySelector方法或者getElementsByTagName方法。

1. 使用querySelector方法：

var element = document.querySelector('#elementId');
var svgElement = element.querySelector('svg');

这里的#elementId是要获取的元素的id，svg是要获取的SVG元素的标签名。

2. 使用getElementsByTagName方法：

var element = document.getElementById('elementId');
var svgElements = element.getElementsByTagName('svg');
var svgElement = svgElements[0];

这里的elementId是要获取的元素的id，svg是要获取的SVG元素的标签名。getElementsByTagName方法返回的是一个HTMLCollection对象，需要通过索引获取具体的SVG元素。

注意：以上方法只能获取到第一个匹配的SVG元素。如果要获取所有匹配的SVG元素，可以使用querySelectorAll方法或者遍历HTMLCollection对象。

3. 使用querySelectorAll方法获取所有匹配的SVG元素：

var element = document.querySelector('#elementId');
var svgElements = element.querySelectorAll('svg');

这里的#elementId是要获取的元素的id，svg是要获取的SVG元素的标签名。querySelectorAll方法返回的是一个NodeList对象，可以通过索引获取具体的SVG元素。

4. 遍历HTMLCollection对象获取所有匹配的SVG元素：

var element = document.getElementById('elementId');
var svgElements = element.getElementsByTagName('svg');
for (var i = 0; i < svgElements.length; i++) {
    var svgElement = svgElements[i];
    // 处理每个SVG元素
}

这里的elementId是要获取的元素的id，svg是要获取的SVG元素的标签名。通过遍历HTMLCollection对象，可以处理每个匹配的SVG元素。