问题
用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
本文解决在SVG中使用JS动态插入DOM元素无效果的问题,介绍正确的元素创建方法及Document.createElementNS()函数的使用,包括参数说明和有效命名空间URI。

被折叠的 条评论
为什么被折叠?



