原生JS轮播图插件（兼容IE）

HTMLElement.prototype.creatTurnPage = function (ImageArray) {
   
        //====生成dom元素==============
        var DocUl = '<ul class ="sliderPage">'
        doated = '<div class ="sliderIndex">',
            length = ImageArray.length;
        //插入图片
        for (var i = 0; i < length; i++) {
            DocUl += `<li>
            <img src = "` + ImageArray[i] + `">
        </li>`
            //控制点
            doated += `<span></span>`
        }
        //要将第一张图片再多插入一次
        DocUl += `<li>
            <img src = "` + ImageArray[0] + `">
        </li>
        </ul>`
        //插入左右两侧的按钮
        btn = `<div class = "btn btnLeft">&lt;</div>
            <div class ="btn btnRight">&gt;</div>`
        //插入轮播图的控制
        doated += '</div>'
        this.innerHTML = DocUl + btn + doated;
        //====样式设置================
        var sliderPage = document.getElementsByClassName('sliderPage')[0],
            Oli = sliderPage.getElementsByTagName('li'),
            Oimg = sliderPage.getElementsByTagName('img'),
            Obtn = document.getElementsByClassName('btn'),
            sliderIndex = document.getElementsByClassName('sliderIndex')[0],
            Ospan = sliderIndex.getElementsByTagName('span');

        //给wrapper