js 获取里面所有的 xlinkhref的内容 svg xmlns=httpwwww3org2000svg width=11893ex height=2072ex role=img focusable=false viewBox=0 -8339 52567 9159 xmlnsxlink=httpwwww3org1999xlink aria-hidden=true style=vertical-a
您可以使用JavaScript的DOM操作来获取所有的xlink:href的内容。以下是一个示例代码:
// 获取svg元素
var svg = document.querySelector('svg');
// 获取所有的use元素
var useElements = svg.querySelectorAll('use');
// 遍历use元素并获取xlink:href的内容
for (var i = 0; i < useElements.length; i++) {
var xlinkHref = useElements[i].getAttributeNS('http://www.w3.org/1999/xlink', 'href');
console.log(xlinkHref);
}
这段代码首先获取了包含svg的元素,然后使用querySelectorAll方法获取了所有的use元素。接下来,使用getAttributeNS方法获取每个use元素的xlink:href属性的值,并将其打印到控制台上。
请注意,由于xlink:href是命名空间属性,因此需要使用getAttributeNS方法来获取其值。第一个参数是命名空间URI,第二个参数是属性名。
希望对您有帮助!
原文地址: https://www.cveoy.top/t/topic/ikU9 著作权归作者所有。请勿转载和采集!