通过 js 获取字符串 svg xmlns=httpwwww3org2000svg width=11893ex height=2072ex role=img focusable=false viewBox=0 -8339 52567 9159 xmlnsxlink=httpwwww3org1999xlink aria-hidden=true style=vertical-align -0186ex
通过 JavaScript 获取字符串 里面use的 xlink:href 的内容,可以使用以下代码:
const svgString = '<svg xmlns="http://www.w3.org/2000/svg" width="11.893ex" height="2.072ex" role="img" focusable="false" viewBox="0 -833.9 5256.7 915.9" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.186ex;"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="msup"><g data-mml-node="mi"><use data-c="1D44E" xlink:href="#MJX-TEX-I-1D44E"></use></g><g data-mml-node="mn" transform="translate(562,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-TEX-N-32"></use></g></g><g data-mml-node="mo" transform="translate(1187.8,0)"><use data-c="2B" xlink:href="#MJX-TEX-N-2B"></use></g><g data-mml-node="msup" transform="translate(2188,0)"><g data-mml-node="mi"><use data-c="1D44F" xlink:href="#MJX-TEX-I-1D44F"></use></g><g data-mml-node="mn" transform="translate(462,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-TEX-N-32"></use></g></g><g data-mml-node="mo" transform="translate(3331.3,0)"><use data-c="3D" xlink:href="#MJX-TEX-N-3D"></use></g><g data-mml-node="msup" transform="translate(4387.1,0)"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-TEX-I-1D450"></use></g><g data-mml-node="mn" transform="translate(466,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-TEX-N-32"></use></g></g></g></g></svg>';
const parser = new DOMParser();
const doc = parser.parseFromString(svgString, "image/svg+xml");
const useElements = doc.getElementsByTagName("use");
for (let i = 0; i < useElements.length; i++) {
const useElement = useElements[i];
const xlinkHref = useElement.getAttribute("xlink:href");
console.log(xlinkHref);
}
这段代码将字符串解析为 SVG 文档对象,并使用 getElementsByTagName 方法获取所有的 use 元素。然后,通过遍历每个 use 元素,使用 getAttribute 方法获取 xlink:href 属性的值,即 use 元素的 xlink:href 内容。最后,将 xlink:href 的内容打印到控制台上。
原文地址: https://www.cveoy.top/t/topic/ikVB 著作权归作者所有。请勿转载和采集!