javascript 向DOM元素添加行为

Posted 2021-05-03

var paragraphs;

function setup(){
    
    paragraphs = selectAll('p'); // Selecting HTML tag 'p'

    for(var i=0; i<paragraphs.length; i++){     // assigning behaviors to all of them.
        paragraphs[i].mouseOver(highlight);
        paragraphs[i].mouseOut(unhighlight);
        paragraphs[i].mousePressed(clicked);
    }
}

function highlight(){
    this.style('background-color','red');
}

function unhighlight(){
    this.style('background-color','white');
}

function clicked(){
    this.style('font-size','20px');
}