change name of a class within a method

Question

change name of a class within a method

Navigation

#1 by (1 votes)

0

var slideIndex = 0;
showSlides();
var slides

function showSlides() {
    var i;
    slides = document.getElementsByClassName("mySlides");
    for (i = 0; i < slides.length; i++) {
       slides[i].style.display = "none";  
    }
    slideIndex++;
    if (slideIndex> slides.length) {slideIndex = 1}    
    slides[slideIndex-1].style.display = "block";  
    setTimeout(showSlides, 4000); // Change image every 4seconds
}

function plusSlides(position) {
    slideIndex +=position;
    if (slideIndex> slides.length) {slideIndex = 1}
    else if(slideIndex<1){slideIndex = slides.length}
    for (i = 0; i < slides.length; i++) {
       slides[i].style.display = "none";  
    }

    slides[slideIndex-1].style.display = "block";  

}

function currentSlide(index) {
    if (index> slides.length) {index = 1}
    else if(index<1){index = slides.length}
    for (i = 0; i < slides.length; i++) {
       slides[i].style.display = "none";  
    }

    slides[index-1].style.display = "block";  

}

javascript jquery html5 css3

asked by chrisbmx20 22.10.2018 в 02:36

source

1 answer

Error implementing FirebaseAuth AuthStateListener Insert character in a text string

score 1 · Answer 1

If you mean to change the name of a clase of HTML you can use JQUERY within a function as follows:

HTML:

<p class="antigua">Hola</p>

JAVASCRIPT:

function cambiarClase(){
     $(".antigua").attr('class', 'nueva');

}