☰

getElementsByTagName を使用して複数のタグを選択できますか? 質問する

tag-icon • tag-icon javascript html getelementsbytagname
getElementsByTagName を使用して複数のタグを選択できますか? 質問する

私は、次の JavaScript を使用して、サイト訪問者がすべての段落のフォント サイズを大きくできるように JavaScript スニペットを使用しています。

function increaseFontSize() {  

    var paragraphs = document.getElementsByTagName('p'); 

    for(i=0;i<paragraphs.length;i++) {   

        if(paragraphs[i].style.fontSize) { 
            var s = parseInt(paragraphs[i].style.fontSize.replace("px",""));
        } else {   
            var s = 14;
        }

        if(s != max) {  
            s += 1; 
        } 
        paragraphs[i].style.fontSize = s+"px"
    } 
}

このコードに「li」も含めると、「p」と「li」が影響を受ける選択された要素になりますか?

また、「li」や「ul」にクラスや ID を追加しないようにしたいと思います。一度に 2 つのタグを選択する方法はありますか?

ベストアンサー1

いいえ、 を 1 回呼び出して複数のタグを選択することはできませんgetElementsByTagName。 を使用して 2 つのクエリを実行するかgetElementsByTagName、 を使用して2 つのクエリを実行することができますquerySelectorAll。

JSFiddle

var elems = document.querySelectorAll('p,li')

おすすめ記事