使用javascript更改样式标记[Slider]

时间:2015-07-17 23:49:48

标签: javascript html css

www.imgur.com/8bq1X.png

我希望在选中蓝色突出显示位时从黄色突出显示的位中删除样式显示:none。

如何编辑此代码?

(function(IIS) {
"use strict";

IIS.Slider.prototype.addCaptions = function() {
    IIS._addClass(this._attributes.container, 'iis-has-captions');

    Array.prototype.forEach.call(this._attributes.slides, function(slide, i){
        var caption = document.createElement('div');
        IIS._addClass(caption, 'iis-caption');

        var captionContent = '';
        if(slide.getAttribute('title')){
            captionContent += '<div class="iis-caption-title">'+ slide.getAttribute('title') +'</div>';
        }
        if(slide.getAttribute('data-caption')){
            var dataCaption = slide.getAttribute('data-caption');
            if(dataCaption.substring(0,1) == '#' || dataCaption.substring(0,1) == '.'){
                var external = document.querySelector(dataCaption);
                if(external){
                    captionContent += '<div class="iis-caption-content">'+ external.innerHTML +'</div>';
                }
            } else {
                captionContent += '<div class="iis-caption-content">'+ slide.getAttribute('data-caption') +'</div>';
            }
        } else {
            if(slide.innerHTML){
                captionContent += '<div class="iis-caption-content">'+ slide.innerHTML +'</div>';
            }
        }

        slide.innerHTML = '';
        if(captionContent){
            caption.innerHTML = captionContent;
            slide.appendChild(caption);
        }
    }.bind(this));
};

return IIS;

})(IdealImageSlider);

0 个答案:

没有答案