Javascript 在我的页面中使用XML xlink会导致JS错误-TypeError。。。这不是一个函数

我正在将一个小部件集成到我的页面（Houzz）中。它可以工作，但前提是我删除SVG中的所有XLink。如果存在任何xlinks，我会得到错误信息：

TypeError:elem.className.split不是函数

SVG是：

<svg version="1.1" id="Layer_4_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="1309.016px" height="634.008px" viewBox="0 0 1309.016 634.008" enable-background="new 0 0 1309.016 634.008"
 xml:space="preserve" class="js-animate" style="max-width: 100%;">

  <a xlink:type="simple" xlink:href="/meet-the-team"></a>

</svg>

我已经创建了一个提琴，但它显示了不同的行为-我必须从svg中删除宽度/高度以使小部件正常工作：

我的测试页面：

下面是正在引用的Houzz脚本。错误发生在Firebug的第16行：

window.hzmr = window.hzmr || []; window.hzmr.push("widgets:2406");
(function() {
function createIFrame(width, height) {
    var iframeElem = document.createElement('iframe');
    iframeElem.setAttribute("scrolling","no");
    iframeElem.allowTransparency = true;
    iframeElem.border = 0;
    iframeElem.frameBorder = 0;
    iframeElem.style.border = 'none';
    iframeElem.width = width;
    iframeElem.height = height;
    return iframeElem;
}

function containsClassName(elem, className) {
    var classNames = elem.className.split(' ');
    for(var i=0; i<classNames.length; i++) {
        if(className == classNames[i]) {
            return true;
        }
    }
    return false;
}

function cleanLocale(locale) {
    var knownLocales = {"en-us":true,"en-gb":true,"en-au":true,"de-de":true,"fr-fr":true,"ru-ru":true,"ja-jp":true,"it-it":true,"es-es":true,"da-dk":true,"nb-no":true,"fi-fi":true,"sv-se":true,"en-ie":true,"en-nz":true,"en-sg":true,"en-in":true};
    if(locale && locale.toLowerCase() in knownLocales) {
        return locale.toLowerCase();
    }
    return 'en-us';
}

function processWidgets(domId) {
    var links = [];
    if(typeof domId == 'string') {
        if(domId.charAt(0) == '#') {
            domId = domId.substr(1);
        }
        var elem = document.getElementById(domId);
        if(elem) {
            links.push(elem);
        }
    } else if(typeof domId != 'undefined' && ('nodeName' in domId)) {
        links.push(domId);
    } else {
        links = document.getElementsByTagName('a');
    }
    var pid = new Date().getTime() + '' + Math.floor(Math.random()*1000000);
    var houzzLinks = [];
    var houzzReviews = [];
    for (var i=0; i < links.length; i++) {
        if(containsClassName(links[i],'houzz-share-button')) {
            houzzLinks.push(links[i]);
        } else if(containsClassName(links[i], 'houzz-review-widget')) {
            houzzReviews.push(links[i]);
        }               
    }
    for (var i=0; i < houzzReviews.length; i++) {
        var review = houzzReviews[i];
        var pro = review.getAttribute('data-pro');
        var mini = review.getAttribute('data-size');
        mini = (mini == 'mini');
        var locale = cleanLocale(review.getAttribute('data-locale'));
        var iframeWidth = mini?225:300;
        var iframeHeight = mini?130:435;

        if(pro) {
            var reviewUrls = {"en-us":"http:\/\/www.houzz.com\/reviewWidget","en-gb":"http:\/\/www.houzz.co.uk\/reviewWidget","en-au":"http:\/\/www.houzz.com.au\/reviewWidget","de-de":"http:\/\/www.houzz.de\/reviewWidget","fr-fr":"http:\/\/www.houzz.fr\/reviewWidget","ru-ru":"http:\/\/www.houzz.ru\/reviewWidget","ja-jp":"http:\/\/www.houzz.jp\/reviewWidget","it-it":"http:\/\/www.houzz.it\/reviewWidget","es-es":"http:\/\/www.houzz.es\/reviewWidget","da-dk":"http:\/\/www.houzz.dk\/reviewWidget","nb-no":"http:\/\/www.houzz.no\/reviewWidget","fi-fi":"http:\/\/www.houzz.fi\/reviewWidget","sv-se":"http:\/\/www.houzz.se\/reviewWidget","en-ie":"http:\/\/www.houzz.ie\/reviewWidget","en-nz":"http:\/\/www.houzz.co.nz\/reviewWidget","en-sg":"http:\/\/www.houzz.com.sg\/reviewWidget","en-in":"http:\/\/www.houzz.in\/reviewWidget"};
            var iframeSrc = reviewUrls[locale] + '/' + encodeURIComponent(pro) + '/' + (mini?'mini':'');
            var iframeElem = createIFrame(iframeWidth, iframeHeight);
            review.parentNode.replaceChild(iframeElem, review);
            iframeElem.src = iframeSrc;
        }
    }
    for (var i=0; i < houzzLinks.length; i++) {
        var link = houzzLinks[i];

        var imageURL = link.getAttribute('data-img');
        var linkURL = link.getAttribute('data-url');
        var title = link.getAttribute('data-title');
        var showCount = link.getAttribute('data-showcount') == '1';
        var hzID = link.getAttribute('data-hzid');
        var whiteBg = link.getAttribute('data-whitebg');
        var format = link.getAttribute('data-format');
        var locale = cleanLocale(link.getAttribute('data-locale'));
        var identifier = i + '' + Math.floor(Math.random()*1000000);
        link.id = 'hzbtn' + identifier;
        var referer = document.location.href;

        var buttonWidths = {"en-us":52,"en-gb":52,"en-au":52,"de-de":75,"fr-fr":88,"ru-ru":52,"ja-jp":52,"it-it":52,"es-es":52,"da-dk":52,"nb-no":52,"fi-fi":52,"sv-se":52,"en-ie":52,"en-nz":52,"en-sg":52,"en-in":52};
        var buttonWidth = buttonWidths[locale];

        var buttonUrls = {"en-us":"http:\/\/www.houzz.com\/buttonWidget","en-gb":"http:\/\/www.houzz.co.uk\/buttonWidget","en-au":"http:\/\/www.houzz.com.au\/buttonWidget","de-de":"http:\/\/www.houzz.de\/buttonWidget","fr-fr":"http:\/\/www.houzz.fr\/buttonWidget","ru-ru":"http:\/\/www.houzz.ru\/buttonWidget","ja-jp":"http:\/\/www.houzz.jp\/buttonWidget","it-it":"http:\/\/www.houzz.it\/buttonWidget","es-es":"http:\/\/www.houzz.es\/buttonWidget","da-dk":"http:\/\/www.houzz.dk\/buttonWidget","nb-no":"http:\/\/www.houzz.no\/buttonWidget","fi-fi":"http:\/\/www.houzz.fi\/buttonWidget","sv-se":"http:\/\/www.houzz.se\/buttonWidget","en-ie":"http:\/\/www.houzz.ie\/buttonWidget","en-nz":"http:\/\/www.houzz.co.nz\/buttonWidget","en-sg":"http:\/\/www.houzz.com.sg\/buttonWidget","en-in":"http:\/\/www.houzz.in\/buttonWidget"};

        var iframeSrc = buttonUrls[locale] + '?url=' 
            + encodeURIComponent(linkURL);
        if(imageURL) {
            iframeSrc += '&img=' + encodeURIComponent(imageURL);
        }
        if(title) {
            iframeSrc += '&title=' + encodeURIComponent(title);
        }
        if(showCount) {
            iframeSrc += '&count=1';
        }
        if(whiteBg) {
            var whiteBgValue = 0;
            if(String(whiteBg) == '1' || whiteBg.toLowerCase() == 'true') {
                whiteBgValue = 2;
            } else if(String(whiteBg) == '0' || whiteBg.toLowerCase() == 'false') {
                whiteBgValue = 1;
            }
            iframeSrc += '&whiteBg=' + encodeURIComponent(whiteBgValue);
        }
        if(hzID) {
            iframeSrc += '&hzid=' + encodeURIComponent(hzID);
        }
        iframeSrc += '&locale=' + encodeURIComponent(locale);
        iframeSrc += '&ref=' + encodeURIComponent(referer);
        iframeSrc += '&pid=' + encodeURIComponent(pid);

        if(format == 'custom') {
            if(link.getAttribute('data-loaded') == '1') { continue; }
            iframeSrc += '&fmt=' + encodeURIComponent(format);
            iframeSrc += '&domid=' + encodeURIComponent(identifier);
            var extElem = document.createElement('script');
            extElem.setAttribute('type','text/javascript');
            extElem.id = 'hzjs' + encodeURIComponent(identifier);
            extElem.src = iframeSrc;
            link.parentNode.appendChild(extElem);
        } else {
            var iframeElem = createIFrame(buttonWidth + (showCount?57:0), 20);
            link.parentNode.replaceChild(iframeElem, link);
            iframeElem.src = iframeSrc;
        }
    }
}

window.houzz = window.houzz || {};
window.houzz.processWidgets = processWidgets;
processWidgets();
})();

window.hzmr=window.hzmr | |[]；window.hzmr.push（“小部件：2406”）；
（功能（）{
函数createIFrame（宽度、高度）{
var iframelem=document.createElement（'iframe'）；
iframelem.setAttribute（“滚动”、“否”）；
iframeElem.allowTransparency=真；
iframelem.border=0；
iframeElem.frameBorder=0；
iframelem.style.border='none'；
iframeElem.width=宽度；
iframeElem.height=高度；
返回iframelem；
}
函数containsClassName（元素，类名）{
var classNames=elem.className.split（“”）；
对于（var i=0；i，这是因为您正在加载的脚本正在获取名为
a
的所有元素。
这将不加区别地采用和元素

问题是，对于SVG元素，属性或
className
属性是可设置动画的。这意味着当您调用
a.className
时，您将得到一个对象，该对象由两个键中的两个字符串组成：
baseVal
和
animVal


这些键中的每个键都有一个
split
方法，但svganizatedString本身没有

因此，应该修改代码以确定这是否是HTML
（通过检查其
namespaceURI
属性），或者在调用它之前检查
split
方法是否可用，或者通过调用
elem.getAttribute（'class'））
而不是
elem.className
当我在与SVG相关的东西中看到createElement时，这几乎总是一个错误。您不需要使用CreateElements（与SVG命名空间一起使用）吗？
window.hzmr = window.hzmr || []; window.hzmr.push("widgets:2406");
(function() {
function createIFrame(width, height) {
    var iframeElem = document.createElement('iframe');
    iframeElem.setAttribute("scrolling","no");
    iframeElem.allowTransparency = true;
    iframeElem.border = 0;
    iframeElem.frameBorder = 0;
    iframeElem.style.border = 'none';
    iframeElem.width = width;
    iframeElem.height = height;
    return iframeElem;
}

function containsClassName(elem, className) {
    var classNames = elem.className.split(' ');
    for(var i=0; i<classNames.length; i++) {
        if(className == classNames[i]) {
            return true;
        }
    }
    return false;
}

function cleanLocale(locale) {
    var knownLocales = {"en-us":true,"en-gb":true,"en-au":true,"de-de":true,"fr-fr":true,"ru-ru":true,"ja-jp":true,"it-it":true,"es-es":true,"da-dk":true,"nb-no":true,"fi-fi":true,"sv-se":true,"en-ie":true,"en-nz":true,"en-sg":true,"en-in":true};
    if(locale && locale.toLowerCase() in knownLocales) {
        return locale.toLowerCase();
    }
    return 'en-us';
}

function processWidgets(domId) {
    var links = [];
    if(typeof domId == 'string') {
        if(domId.charAt(0) == '#') {
            domId = domId.substr(1);
        }
        var elem = document.getElementById(domId);
        if(elem) {
            links.push(elem);
        }
    } else if(typeof domId != 'undefined' && ('nodeName' in domId)) {
        links.push(domId);
    } else {
        links = document.getElementsByTagName('a');
    }
    var pid = new Date().getTime() + '' + Math.floor(Math.random()*1000000);
    var houzzLinks = [];
    var houzzReviews = [];
    for (var i=0; i < links.length; i++) {
        if(containsClassName(links[i],'houzz-share-button')) {
            houzzLinks.push(links[i]);
        } else if(containsClassName(links[i], 'houzz-review-widget')) {
            houzzReviews.push(links[i]);
        }               
    }
    for (var i=0; i < houzzReviews.length; i++) {
        var review = houzzReviews[i];
        var pro = review.getAttribute('data-pro');
        var mini = review.getAttribute('data-size');
        mini = (mini == 'mini');
        var locale = cleanLocale(review.getAttribute('data-locale'));
        var iframeWidth = mini?225:300;
        var iframeHeight = mini?130:435;

        if(pro) {
            var reviewUrls = {"en-us":"http:\/\/www.houzz.com\/reviewWidget","en-gb":"http:\/\/www.houzz.co.uk\/reviewWidget","en-au":"http:\/\/www.houzz.com.au\/reviewWidget","de-de":"http:\/\/www.houzz.de\/reviewWidget","fr-fr":"http:\/\/www.houzz.fr\/reviewWidget","ru-ru":"http:\/\/www.houzz.ru\/reviewWidget","ja-jp":"http:\/\/www.houzz.jp\/reviewWidget","it-it":"http:\/\/www.houzz.it\/reviewWidget","es-es":"http:\/\/www.houzz.es\/reviewWidget","da-dk":"http:\/\/www.houzz.dk\/reviewWidget","nb-no":"http:\/\/www.houzz.no\/reviewWidget","fi-fi":"http:\/\/www.houzz.fi\/reviewWidget","sv-se":"http:\/\/www.houzz.se\/reviewWidget","en-ie":"http:\/\/www.houzz.ie\/reviewWidget","en-nz":"http:\/\/www.houzz.co.nz\/reviewWidget","en-sg":"http:\/\/www.houzz.com.sg\/reviewWidget","en-in":"http:\/\/www.houzz.in\/reviewWidget"};
            var iframeSrc = reviewUrls[locale] + '/' + encodeURIComponent(pro) + '/' + (mini?'mini':'');
            var iframeElem = createIFrame(iframeWidth, iframeHeight);
            review.parentNode.replaceChild(iframeElem, review);
            iframeElem.src = iframeSrc;
        }
    }
    for (var i=0; i < houzzLinks.length; i++) {
        var link = houzzLinks[i];

        var imageURL = link.getAttribute('data-img');
        var linkURL = link.getAttribute('data-url');
        var title = link.getAttribute('data-title');
        var showCount = link.getAttribute('data-showcount') == '1';
        var hzID = link.getAttribute('data-hzid');
        var whiteBg = link.getAttribute('data-whitebg');
        var format = link.getAttribute('data-format');
        var locale = cleanLocale(link.getAttribute('data-locale'));
        var identifier = i + '' + Math.floor(Math.random()*1000000);
        link.id = 'hzbtn' + identifier;
        var referer = document.location.href;

        var buttonWidths = {"en-us":52,"en-gb":52,"en-au":52,"de-de":75,"fr-fr":88,"ru-ru":52,"ja-jp":52,"it-it":52,"es-es":52,"da-dk":52,"nb-no":52,"fi-fi":52,"sv-se":52,"en-ie":52,"en-nz":52,"en-sg":52,"en-in":52};
        var buttonWidth = buttonWidths[locale];

        var buttonUrls = {"en-us":"http:\/\/www.houzz.com\/buttonWidget","en-gb":"http:\/\/www.houzz.co.uk\/buttonWidget","en-au":"http:\/\/www.houzz.com.au\/buttonWidget","de-de":"http:\/\/www.houzz.de\/buttonWidget","fr-fr":"http:\/\/www.houzz.fr\/buttonWidget","ru-ru":"http:\/\/www.houzz.ru\/buttonWidget","ja-jp":"http:\/\/www.houzz.jp\/buttonWidget","it-it":"http:\/\/www.houzz.it\/buttonWidget","es-es":"http:\/\/www.houzz.es\/buttonWidget","da-dk":"http:\/\/www.houzz.dk\/buttonWidget","nb-no":"http:\/\/www.houzz.no\/buttonWidget","fi-fi":"http:\/\/www.houzz.fi\/buttonWidget","sv-se":"http:\/\/www.houzz.se\/buttonWidget","en-ie":"http:\/\/www.houzz.ie\/buttonWidget","en-nz":"http:\/\/www.houzz.co.nz\/buttonWidget","en-sg":"http:\/\/www.houzz.com.sg\/buttonWidget","en-in":"http:\/\/www.houzz.in\/buttonWidget"};

        var iframeSrc = buttonUrls[locale] + '?url=' 
            + encodeURIComponent(linkURL);
        if(imageURL) {
            iframeSrc += '&img=' + encodeURIComponent(imageURL);
        }
        if(title) {
            iframeSrc += '&title=' + encodeURIComponent(title);
        }
        if(showCount) {
            iframeSrc += '&count=1';
        }
        if(whiteBg) {
            var whiteBgValue = 0;
            if(String(whiteBg) == '1' || whiteBg.toLowerCase() == 'true') {
                whiteBgValue = 2;
            } else if(String(whiteBg) == '0' || whiteBg.toLowerCase() == 'false') {
                whiteBgValue = 1;
            }
            iframeSrc += '&whiteBg=' + encodeURIComponent(whiteBgValue);
        }
        if(hzID) {
            iframeSrc += '&hzid=' + encodeURIComponent(hzID);
        }
        iframeSrc += '&locale=' + encodeURIComponent(locale);
        iframeSrc += '&ref=' + encodeURIComponent(referer);
        iframeSrc += '&pid=' + encodeURIComponent(pid);

        if(format == 'custom') {
            if(link.getAttribute('data-loaded') == '1') { continue; }
            iframeSrc += '&fmt=' + encodeURIComponent(format);
            iframeSrc += '&domid=' + encodeURIComponent(identifier);
            var extElem = document.createElement('script');
            extElem.setAttribute('type','text/javascript');
            extElem.id = 'hzjs' + encodeURIComponent(identifier);
            extElem.src = iframeSrc;
            link.parentNode.appendChild(extElem);
        } else {
            var iframeElem = createIFrame(buttonWidth + (showCount?57:0), 20);
            link.parentNode.replaceChild(iframeElem, link);
            iframeElem.src = iframeSrc;
        }
    }
}

window.houzz = window.houzz || {};
window.houzz.processWidgets = processWidgets;
processWidgets();
})();