简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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(“li”)

<!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的网页对象
            var ulObj = document.getElementById("question");
            //查找<ul>下的所有的<li>标记
            var arrObj = ulObj.getElementsByTagName("li");
            //给所有的<li>标记增加CSS效果
            for(var i=0;i<arrObj.length;i++)
            {
                //给每个<li>标记加style属性
                arrObj[i].style = "color:blue;font-size:24px;";
            }
        }
        </script>
    </head>
    <body >
        <ul id="question">
            <li>mac 中系统自带的apache 误删了怎么恢复</li>
            <li>CURL POST数据量过大，接收不到服务端的信息</li>
            <li>用了构造函数为什么这个还是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的网页对象 var ulObj = document.getElementById("question"); //查找<ul>下的所有的<li>标记 var arrObj = ulObj.getElementsByTagName("li"); //给所有的<li>标记增加CSS效果 for(var i=0;i<arrObj.length;i++) { //给每个<li>标记加style属性 arrObj[i].style = "color:blue;font-size:24px;"; } } </script> </head> <body > <ul id="question"> <li>mac 中系统自带的apache 误删了怎么恢复</li> <li>CURL POST数据量过大，接收不到服务端的信息</li> <li>用了构造函数为什么这个还是2？</li> <li>cookies登录原理</li> </ul> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  491953 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！