Javascript 向SVG动态添加过滤器

我在网页上内联了以下SVG图像：

const svg=document.getElementById（'svg'）；
常量过滤器=document.createElements（'http://www.w3.org/2000/svg“，”过滤器“）；
filter.setAttribute（'id'，'image'）；
filter.setAttribute（'x'，'0%'）；
filter.setAttribute（'y'，'0%'）；
setAttribute（'width'，'100%'）；
setAttribute（'height'，'100%'）；
const feImage=document.createElements（'http://www.w3.org/2000/svg","feImage",；
feImage.setAttribute（'xlink:href'，'http://lorempixel.com/100/100/');
filter.appendChild（feImage）；
querySelector（'defs'）.appendChild（filter）；
svg.querySelector（'circle'）.setAttribute（'filter'，'url（#image'）

您需要为svg元素使用：，在本例中也使用

例如改变：

 const filter = document.createElement('filter');

到

另外更改：

feImage.setAttribute('xlink:href', 'http://lorempixel.com/100/100/');

到

谢谢菲利普，你说得对。但我已经试过了，它并没有解决我的这个问题。
feImage.setAttribute('xlink:href', 'http://lorempixel.com/100/100/');

feImage.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', 'http://lorempixel.com/100/100/');