svg - SvgElement.tag(String tag) 构造函数的目的是什么？

Question

API 文档中没有构造函数的文档。我想了解 SvgElement.tag() 的目的/用例。

Answer 1

构造函数为相应的值SvgElement.tag(String tag)创建一个新的。SvgElementtag

例如：

var foo = new SvgElement.tag('view');
print(foo is ViewElement); // prints 'true'

将创建一个由标签指定的新 SvgElement <view>。

这意味着上面的代码与以下代码相同：

var bar = new ViewElement();
print(bar is ViewElement); // prints 'true'

另请参见tag超类的构造函数Element。

---

此构造函数的用例是您从文本中获取标记值并希望生成该标记值的新元素的地方。

您可能会从解析 DOM 或从不同的 API 中获取标签。构造tag函数是一种以“ Darty ”方式（使用对象和类）编写 DOM 代码的方法，同时能够通过文本处理 DOM 元素。

在许多情况下，最好创建此 Element 对象，而不是使用innerHtml在另一个 Element 中设置 DOM。

相比：

var someTagName = 'view';
var someDomNode = query('#id');

// BAD
someDomNode.innerHtml = '<$someTagName> ... </$someTagName>';

// GOOD
var myElement = new SvgElement.tag(someTagName);
someDomNode.append(myElement);