『解疑』用js在svg中动态插入dom，没效果问题，dom元素不生效

110 阅读 0 评论 73 点赞

我是靠谱客的博主负责丝袜，最近开发中收集的这篇文章主要介绍『解疑』用js在svg中动态插入dom，没效果问题，dom元素不生效，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

问题

用js在svg中动态插入dom时，没效果，dom元素不生效？

解决

在创建时，应该使用以下代码创建：

document.createElementNS("http://www.w3.org/2000/svg", 'g');

知识点

Document.createElementNS() 用于创建一个具有指定的命名空间URI和限定名称的元素。

参数：

namespaceURI
指定与元素相关联的命名空间URI的字符串。
qualifiedName
指定要创建的元素的类型的字符串。
options可选的
一个可选的包含单个属性的ElementCreationOptions对象，其值是预先使用customElements.define()定义的自定义元素的标签名称。

有效的命名空间URI：

HTML - 参阅 http://www.w3.org/1999/xhtml
SVG - 参阅 http://www.w3.org/2000/svg
XBL - 参阅 http://www.mozilla.org/xbl
XUL - 参阅 http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul