<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>
<body>
    <h1 class="titleClass"><em></em></h1>
    <h1 class="titleClass"><em></em></h1>
    <script src="js/all.js"></script>
</body>
</html>

但是如果我今天是同時間

有很多的相同 class 裡面的 em

都要增加內容的時候 我該怎麼做

那這時候我們該用到一個語法喔 這個語法叫做

這一個 寫給大家看一下 這個語法叫做

querySelectall

querySelectall 的話如果你多筆資料

他會你指定的東西是會回傳陣列給你

那你今天要操作陣列依序給值給對方

var el = document.querySelectorAll('.titleClass em');

console.log(el);

el[0].textContent = '123';
el[1].textContent = '123';

var elLen = el.length;

for(var i = 0;i<elLen;i++){
    el[i].textContent = i+'123';
}

有些時候如果我們要撈

多筆資料的時候 你可以使用 querySelectall

可是如果你的網頁元素裡面就只有那筆

那筆 class 跟那筆 id

的話 那你可以只用 querySelector

他就會去抓裡面最近的第一筆資料了

但如果你想要同時選擇多種的時候

你就可以選擇這一個

results matching ""

    No results matching ""