【问题标题】:Javascript createElement no end tagJavascript createElement 没有结束标记
【发布时间】:2011-08-10 05:16:29
【问题描述】:

我正在尝试使用 document.createElement('circle') 来处理 svgs,但 Chrome 会创建一个结束标记来循环给予

<circle></circle>

哪个是错误的结果。 如何创建一个没有结尾的元素?

【问题讨论】:

  • 你为什么不想要一个结束标签?
  • 因为结束标签导致chrome不显示圆圈...
  • 对于 XML 元素,结束标签永远不是可选的(除非您使用自闭合标签语法)……并且当您使用 createElement 时,注意会生成一个结束标签。解析器将 XML 文档转换为 DOM(其中只有节点,没有标签)。你可以随心所欲地操纵它。如果你把它转回 XML 文档,那么你会得到标签。

标签: javascript document createelement


【解决方案1】:

你可能想看看这篇文章

SVG Scripting with JavaScript Part 1: Simple Circle

你要找的方法是:

var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");

编辑:信用到期的信用

Stackoverflow: Creating SVG graphics using javascript?

【讨论】:

    【解决方案2】:

    尝试使用document.createElementNS

    var circle = document.createElementNS("http://www.w3.org/2000/svg","circle");
    

    【讨论】:

      【解决方案3】:

      尝试使用:

      document.createElementNS('circle')
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2019-04-28
        • 1970-01-01
        • 2015-07-05
        • 2020-11-11
        • 2021-06-14
        • 1970-01-01
        • 2018-04-20
        相关资源
        最近更新 更多