animation - 检测对 beginElement() 的支持

Question

我正在使用 beginElement()在我的 Web 应用程序中启动 SVG 动画:

document.getElementById("item").beginElement();

但这会导致 IE9 及更高版本出现以下错误(其中 doesn't support it):

Object doesn't support property or method 'beginElement'

我不介意动画在 IE9 中不起作用，但我需要防止错误发生。我如何设置支票以便 beginElement()只有在浏览器支持时才会被调用？例如。:

if (hasSupport) {
    document.getElementById("item").beginElement();
}

我尝试了一种检测技术 like this :

return !!document.getElementById("item").beginElement();

但这总是返回 false ，即使在我知道支持它的浏览器中(如 Firefox)。

我也看过使用 Modernizr ，但它没有对 beginElement() 的测试.

Answer 1

您可以在执行之前嗅探该方法以查看它是否存在。

var item = document.getElementById("item");

if ('beginElement' in item) {
    item.beginElement();
}

Modernizr 使用 in形式，然而 if (item.beginElement)会一样工作。