亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Kaedah HTML DOM untuk mengakses elemen HTML

getElementById()

  • Fungsi: Cari objek elemen dengan id yang ditentukan dalam halaman web.

  • Sintaks: var obj = document.getElementById(id)

  • Parameter: id merujuk kepada nilai atribut id yang ditanda dalam web muka surat.

  • Nilai pulangan: Mengembalikan objek elemen.

  • Contoh: var imgObj = document.getElementById(“img01”)

getElementsByTagName(tagName)

  • Fungsi: Cari teg HTML yang ditentukan dan kembalikan tatasusunan.

  • Sintaks: var arrObj = parentNode.getElementsByTagName(tagName)

  • Parameter: tagName ialah nama teg yang ditemui tanpa kurungan sudut.

  • Nilai pulangan: Mengembalikan tatasusunan. Jika terdapat hanya satu nod, tatasusunan juga dikembalikan.

  • Contoh: var arrObj = ulObj.getElementsByTagName(“l(fā)i”)

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            window.onload = function(){
            //獲取id=ulTag的網(wǎng)頁對象
            var ulObj = document.getElementById("question");
            //查找<ul>下的所有的<li>標(biāo)記
            var arrObj = ulObj.getElementsByTagName("li");
            //給所有的<li>標(biāo)記增加CSS效果
            for(var i=0;i<arrObj.length;i++)
            {
                //給每個(gè)<li>標(biāo)記加style屬性
                arrObj[i].style = "color:blue;font-size:24px;";
            }
        }
        </script>
    </head>
    <body >
        <ul id="question">
            <li>mac 中系統(tǒng)自帶的apache 誤刪了怎么恢復(fù)</li>
            <li>CURL POST數(shù)據(jù)量過大，接收不到服務(wù)端的信息</li>
            <li>用了構(gòu)造函數(shù)為什么這個(gè)還是2？</li>
            <li>cookies登錄原理</li>
        </ul>
</html>
Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> window.onload = function(){ //獲取id=ulTag的網(wǎng)頁對象 var ulObj = document.getElementById("question"); //查找<ul>下的所有的<li>標(biāo)記 var arrObj = ulObj.getElementsByTagName("li"); //給所有的<li>標(biāo)記增加CSS效果 for(var i=0;i<arrObj.length;i++) { //給每個(gè)<li>標(biāo)記加style屬性 arrObj[i].style = "color:blue;font-size:24px;"; } } </script> </head> <body > <ul id="question"> <li>mac 中系統(tǒng)自帶的apache 誤刪了怎么恢復(fù)</li> <li>CURL POST數(shù)據(jù)量過大，接收不到服務(wù)端的信息</li> <li>用了構(gòu)造函數(shù)為什么這個(gè)還是2？</li> <li>cookies登錄原理</li> </ul> </html>