问题
用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