Rumah hujung hadapan web tutorial js 使用JS获得节点元素的方法

使用JS获得节点元素的方法

Jun 06, 2018 am 11:34 AM
js dapatkan

这篇文章主要介绍了JS简单获得节点元素的方法,结合实例形式分析了javascript获取页面节点元素及修改元素属性相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS简单获得节点元素的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net - JS几种获得节点元素的方法</title>
<script type="application/javascript">
  /* window.onload=function(){//文档就绪函数 表示当文档加载完成(图片视频等全部加载完成)
    var d=document.getElementById(&#39;d&#39;);
        //document.getElementByName();//得到数组  通过过下标调用
    d.innerHTML=&#39;asddddddddddd&#39;;
   //除通过Id查找(即getElementById)外其他几种查找方式返回的都是数组,通过下表调用
  }*/
  window.onload=function(){
    //找到Id为t1的td元素
    var t1=document.getElementById(&#39;t1&#39;);
    //获取父节点元素tr  通过parentNode
    var tr=t1.parentNode;
    //通过style属性设置背景颜色
    tr.style.backgroundColor=&#39;green&#39;;
    //获取tr标签的最后一个子元素
    var t3=tr.lastChild;
    //通过innerHTML属性改变元素内容
    t3.innerHTML=&#39;qwer&#39;;
  }
</script>
</head>
<body>
<table>
  <tr> <td id="">1</td>  <td>2</td>  <td>3</td> </tr>
  <tr> <td id="t1">1</td>  <td>2</td>  <td>3</td>  </tr
  <tr> <td>1</td>      <td>2</td>  <td>3</td>  </tr>
</table>
</body>
</html>
Salin selepas log masuk

运行效果:

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Vue 中如何使用compile操作方法

在element ui中有关对话框el-dialog关闭事件(详细教程)

vue中dialog弹框如何实现

Atas ialah kandungan terperinci 使用JS获得节点元素的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Apr 03, 2024 am 11:55 AM

Teknologi pengesanan dan pengecaman muka adalah teknologi yang agak matang dan digunakan secara meluas. Pada masa ini, bahasa aplikasi Internet yang paling banyak digunakan ialah JS Melaksanakan pengesanan muka dan pengecaman pada bahagian hadapan Web mempunyai kelebihan dan kekurangan berbanding dengan pengecaman muka bahagian belakang. Kelebihan termasuk mengurangkan interaksi rangkaian dan pengecaman masa nyata, yang sangat memendekkan masa menunggu pengguna dan meningkatkan pengalaman pengguna termasuk: terhad oleh saiz model, ketepatannya juga terhad. Bagaimana untuk menggunakan js untuk melaksanakan pengesanan muka di web? Untuk melaksanakan pengecaman muka di Web, anda perlu biasa dengan bahasa dan teknologi pengaturcaraan yang berkaitan, seperti JavaScript, HTML, CSS, WebRTC, dll. Pada masa yang sama, anda juga perlu menguasai visi komputer yang berkaitan dan teknologi kecerdasan buatan. Perlu diingat bahawa kerana reka bentuk bahagian Web

Cara membuat carta candlestick saham menggunakan PHP dan JS Cara membuat carta candlestick saham menggunakan PHP dan JS Dec 17, 2023 am 08:08 AM

Cara menggunakan PHP dan JS untuk mencipta carta lilin saham Carta lilin saham ialah grafik analisis teknikal biasa dalam pasaran saham Ia membantu pelabur memahami saham dengan lebih intuitif dengan melukis data seperti harga pembukaan, harga penutup, harga tertinggi. dan harga terendah turun naik harga saham. Artikel ini akan mengajar anda cara membuat carta lilin saham menggunakan PHP dan JS, dengan contoh kod khusus. 1. Persediaan Sebelum memulakan, kita perlu menyediakan persekitaran berikut: 1. Pelayan yang menjalankan PHP 2. Pelayar yang menyokong HTML5 dan Kanvas 3

Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS Dec 17, 2023 pm 06:55 PM

Alat penting untuk analisis saham: Pelajari langkah-langkah untuk melukis carta lilin dalam PHP dan JS, contoh kod khusus diperlukan Dengan perkembangan pesat Internet dan teknologi, perdagangan saham telah menjadi salah satu cara penting bagi banyak pelabur. Analisis saham adalah bahagian penting dalam membuat keputusan pelabur, dan carta lilin digunakan secara meluas dalam analisis teknikal. Mempelajari cara melukis carta lilin menggunakan PHP dan JS akan memberikan pelabur maklumat yang lebih intuitif untuk membantu mereka membuat keputusan yang lebih baik. Carta candlestick ialah carta teknikal yang memaparkan harga saham dalam bentuk candlestick. Ia menunjukkan harga saham

Bagaimana untuk mendapatkan Crimson Abyss of War Double Pamish Lucia Bagaimana untuk mendapatkan Crimson Abyss of War Double Pamish Lucia Mar 25, 2024 pm 05:31 PM

Pemain boleh mendapatkan Lucia's Crimson Abyss apabila bermain dalam Battle Double Pamish Ramai pemain tidak tahu cara mendapatkan Lucia's Crimson Abyss Pemain boleh mendapatkannya melalui penyelidikan dan pembangunan, atau menebusnya di kedai Phantom Pain Cage. Cara mendapatkan R&D untuk Battle Double Pamish Lucia Crimson Abyss 1. Pemain boleh mendapatkannya dengan menggunakan sistem R&D, yang merangkumi kumpulan kad asas, kumpulan kad terhad tema dan kumpulan kad takdir terhad 2. Didedahkan dalam kumpulan kad ini Kadar penurunan asas Sia Crimson Abyss ialah 1.50%, tetapi jika pemain menarik Lucia Crimson Abyss daripada kumpulan kad, kadar penurunan akan meningkat kepada 1.90%. Penebusan di Stor Hantu Sakit Sangkar 1. Pemain boleh menebus serpihan Lucia Crimson Abyss dengan menggunakan Parut Sakit Hantu di Stor Sangkar Sakit Hantu. 2. Anda boleh menebus sehingga 30 serpihan setiap minggu.

Bagaimana untuk mendapatkan hak pentadbir dalam sistem Win11 Bagaimana untuk mendapatkan hak pentadbir dalam sistem Win11 Mar 08, 2024 pm 10:00 PM

Adalah sangat penting untuk mendapatkan hak pentadbir dalam sistem Win11, kerana hak pentadbir membenarkan pengguna melakukan pelbagai operasi dalam sistem, seperti memasang perisian, mengubah suai tetapan sistem, dsb. Mendapatkan hak pentadbir dalam sistem Win11 boleh dicapai melalui kaedah berikut: Kaedah pertama adalah melalui tetapan kawalan akaun pengguna. Dalam sistem Win11, Kawalan Akaun Pengguna ialah fungsi yang digunakan untuk mengurus kebenaran pengguna Melaluinya, pengguna boleh melaraskan tahap kebenaran mereka. Untuk mendapatkan hak pentadbir, pengguna boleh memasuki antara muka "Tetapan" dan pilih "

Bagaimana untuk mendapatkan Phantom Beast Palu Wool Bagaimana untuk mendapatkan Phantom Beast Palu Wool Feb 03, 2024 pm 12:33 PM

Terdapat pelbagai prop dan bahan dalam sapu tangan binatang fantasi, antaranya bulu adalah sumber penting. Bulu boleh digunakan untuk membuat pelbagai prop, tetapi sesetengah pemain mungkin tidak tahu cara mendapatkan bulu. Di bawah ini saya akan memperkenalkan anda kepada beberapa kaedah mendapatkan bulu, saya harap ia akan membantu anda. Cara mendapatkan bulu binatang fantasi Palu 1. Bulu yang dijatuhkan oleh palu boleh didapati daripada pelbagai palu, termasuk Mian Youyou, Milufi, Melupa, Mao Shan'er, Mao Daddy, Raja Melupa dan Maharaja Ais dan tujuh pallu yang lain. Apabila melawan mereka, berhati-hati terhadap titisan bulu. 2. Selain mendapatkan pengeluaran pastura melalui pertempuran, pemain juga boleh dengan mudah menghasilkan bulu di padang rumput. Kesesuaian kerja dalam permainan termasuk pallu ragut, seperti Mianyouyou dan Melupa boleh dituai dengan meragut di padang rumput.

Bagaimana untuk mendapatkan Eldon's Ring Torret Bagaimana untuk mendapatkan Eldon's Ring Torret Mar 11, 2024 am 11:40 AM

Torret ialah kuda semangat dalam permainan Elden's Circle Ramai pemain tidak tahu cara mendapatkan Torret of Elden's Circle Untuk memanggil Torret, pemain perlu mendapatkan wisel kuda semangat, yang dilengkapi di bar pintasan kekunci pintasan untuk memanggil kuda semangat Torret. Bagaimana untuk mendapatkan Torret of Elden's Ring Jawapan: Anda perlu mendapatkan Whistle of the Spirit Horse? 1. Pemain perlu mendapatkan Wisel Kuda Roh untuk memanggil Torret. 2. Pemain pergi dari titik kelahiran orang baru ke titik berkat di hadapan Jalan Ribut, duduk di tepi unggun api, dan heroin [Melina] akan muncul, dan dia akan memberi anda cincin [Spirit Horse Whistle]. 3. Selepas pemain melengkapkan "Spirit Horse Whistle" ke bar pintasan dan kemudian menggunakan Spirit Horse Whistle, dia boleh memanggil jiwa kuda Thoret. 4. Selepas menunggang kuda semangat Torret, anda boleh melakukan lompatan berganda Anda boleh melompat sambil berjalan tetapi tidak boleh melompat.

Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Dec 18, 2023 pm 03:39 PM

Dengan perkembangan pesat kewangan Internet, pelaburan saham telah menjadi pilihan semakin ramai orang. Dalam perdagangan saham, carta lilin adalah kaedah analisis teknikal yang biasa digunakan Ia boleh menunjukkan trend perubahan harga saham dan membantu pelabur membuat keputusan yang lebih tepat. Artikel ini akan memperkenalkan kemahiran pembangunan PHP dan JS, membawa pembaca memahami cara melukis carta lilin saham dan menyediakan contoh kod khusus. 1. Memahami Carta Lilin Saham Sebelum memperkenalkan cara melukis carta lilin saham, kita perlu memahami dahulu apa itu carta lilin. Carta candlestick telah dibangunkan oleh orang Jepun

See all articles