Dapatkan banyak elemen dengan javascript id yang sama

Nama pengguna minimal harus 6 karakter Nama pengguna sudah ada Silakan masukkan karakter alfanumerik/titik/garis bawah

Silakan masukkan email Silakan masukkan email yang valid Email sudah ada Maaf, domain ini masuk daftar hitam

Silakan masukkan email konfirmasi yang valid Silakan masukkan email konfirmasi Email konfirmasi harus sesuai dengan email

  •     
  •     
  •     
  •     
  •     
  •     
  • >
  • Naskah

    1. fungsi myFunction1() {
    2. var nilai=0. 0;
    3. var x = dokumen. getElementById("Mark1");
    4. var y = dokumen. getElementById("Titik1");
    5. y. nilai = jenis x. nilai;
    6. va= Angka(y. nilai);
    7. y. nilai = jenis va;
    8. x= Bilangan(x. nilai);
    9. jika (x>=80 && x<=100){
    10. nilai=4. 00;
    11. }
    12. lain jika (x>=75 && x<=79){
    13. nilai=3. 67;
    14. }
    15. lain jika (x>=70 && x<=74){
    16. nilai=3. 33;
    17. }
    18. lain jika (x>=65 && x<=69){
    19. nilai=3. 00;
    20. }
    21. lain jika (x>=60 && x<=64){
    22. nilai=2. 67;
    23. }
    24. lain jika (x>=55 && x<=59){
    25. nilai=2. 33;
    26. }
    27. lain jika (x>=50 && x<=54){
    28. nilai=2. 00;
    29. }
    30. lain jika (x>=45 && x<=49){
    31. nilai=1. 67;
    32. }
    33. lain jika (x>=40 && x<=44){
    34. nilai=1. 33;
    35. }
    36. lain jika (x>=35 && x<=39){
    37. nilai=1. 00;
    38. }
    39. lain jika (x>=0 && x<=34){
    40. nilai = 0. 00;
    41. }
    42. y. nilai= nilai. keTetap(2);
    43. }

    22 Nov '14 #

    0 1494

    Posting balasan Anda

    Masuk untuk memposting balasan Anda atau Daftar untuk mendapatkan akun gratis

    Ini sebenarnya adalah proyek sekolah saya. Saya membuat formulir tabel dan ingin mengulang di kolom Tanda Kursus dan kolom Poin Nilai Kursus. Entah bagaimana saya tidak dapat mengetahuinya. Butuh bantuan untuk memperbaiki pekerjaan saya. Terima kasih sebelumnya

    Nilai KursusKursus Nilai Poin
  •     
  • Properti navigasi DOM sangat bagus ketika elemen berdekatan satu sama lain. Bagaimana jika tidak?

    Ada metode pencarian tambahan untuk itu

    Jika suatu elemen memiliki atribut

    Element
    3, kita bisa mendapatkan elemen menggunakan metode
    Element
    4, di mana pun itu

    Contohnya

    Element

    Juga, ada variabel global yang dinamai oleh

    Element
    3 yang mereferensikan elemen tersebut

    Element

    … Itu kecuali kita mendeklarasikan variabel JavaScript dengan nama yang sama, maka itu akan diutamakan

    Tolong jangan gunakan variabel global bernama id untuk mengakses elemen

    Perilaku ini dijelaskan , tetapi didukung terutama untuk kompatibilitas

    Peramban mencoba membantu kami dengan menggabungkan ruang nama JS dan DOM. Itu bagus untuk skrip sederhana, disisipkan ke dalam HTML, tetapi umumnya bukan hal yang baik. Mungkin ada konflik penamaan. Juga, ketika seseorang membaca kode JS dan tidak memiliki tampilan HTML, tidak jelas dari mana asal variabel tersebut

    Di sini, di tutorial kami menggunakan

    Element
    _3 untuk secara langsung mereferensikan suatu elemen untuk singkatnya, ketika sudah jelas dari mana elemen itu berasal

    Dalam kehidupan nyata

    Element
    _7 adalah metode yang disukai

    Element
    3 harus unik

    Element
    3 harus unik. Hanya ada satu elemen dalam dokumen dengan
    Element
    3 yang diberikan

    Jika ada beberapa elemen dengan

    Element
    3 yang sama, maka perilaku metode yang menggunakannya tidak dapat diprediksi, e. g.
    Element
    7 dapat mengembalikan elemen tersebut secara acak. Jadi harap patuhi aturan dan pertahankan
    Element
    3 unik

    Hanya

    Element
    7, bukan
    5

    Metode

    _6 hanya dapat dipanggil pada objek
    7. Itu mencari
    Element
    3 yang diberikan di seluruh dokumen

    Sejauh ini, metode yang paling serbaguna,

    _9 mengembalikan semua elemen di dalam
    • The
    • test
    • has
    • passed
    0 cocok dengan pemilih CSS yang diberikan

    Di sini kita mencari semua elemen

    • The
    • test
    • has
    • passed
    _1 yang merupakan anak terakhir

    • The
    • test
    • has
    • passed

    Metode ini memang ampuh, karena setiap pemilih CSS dapat digunakan

    Dapat menggunakan pseudo-class juga

    Pseudo-class di pemilih CSS seperti

    • The
    • test
    • has
    • passed
    2 dan
    • The
    • test
    • has
    • passed
    3 juga didukung. Misalnya,
    • The
    • test
    • has
    • passed
    _4 akan mengembalikan koleksi dengan elemen yang penunjuknya sudah selesai sekarang (dalam urutan bersarang. dari
    • The
    • test
    • has
    • passed
    5 terluar hingga yang paling bersarang)

    Panggilan ke

    • The
    • test
    • has
    • passed
    _6 mengembalikan elemen pertama untuk pemilih CSS yang diberikan

    Dengan kata lain, hasilnya sama dengan

    • The
    • test
    • has
    • passed
    7, tetapi yang terakhir mencari semua elemen dan memilih satu, sedangkan
    • The
    • test
    • has
    • passed
    8 hanya mencari satu. Jadi lebih cepat dan juga lebih pendek untuk menulis

    Metode sebelumnya sedang mencari DOM

    Tidak mencari apa-apa, itu hanya memeriksa apakah

    • The
    • test
    • has
    • passed
    0 cocok dengan pemilih CSS yang diberikan. Ia mengembalikan
    ...
    ...
    
    
    _0 atau
    ...
    ...
    
    
    1

    Metode ini berguna ketika kita mengulangi elemen (seperti dalam array atau sesuatu) dan mencoba memfilter elemen yang menarik bagi kita

    Contohnya

    ...
    ...
    
    

    Leluhur suatu unsur adalah. induk, induk dari induk, induknya dan seterusnya. Leluhur bersama-sama membentuk rantai induk dari unsur ke atas

    Metode

    ...
    ...
    
    
    2 mencari leluhur terdekat yang cocok dengan pemilih CSS.
    • The
    • test
    • has
    • passed
    0 itu sendiri juga termasuk dalam pencarian

    Dengan kata lain, metode

    ...
    ...
    
    
    _4 naik dari elemen dan memeriksa setiap orang tua. Jika cocok dengan pemilih, maka pencarian berhenti, dan leluhur dikembalikan

    Contohnya

    Contents

    • Chapter 1
    • Chapter 2

    Ada juga metode lain untuk mencari node berdasarkan tag, kelas, dll

    Hari ini, sebagian besar adalah sejarah, karena

    ...
    ...
    
    
    5 lebih kuat dan lebih pendek untuk ditulis

    Jadi di sini kami membahasnya terutama untuk kelengkapan, sementara Anda masih dapat menemukannya di skrip lama

    • ...
      ...
      
      
      6 mencari elemen dengan tag yang diberikan dan mengembalikan koleksinya. Parameter
      ...
      ...
      
      
      _7 juga bisa berupa bintang
      ...
      ...
      
      
      8 untuk “tag apa saja”
    • ...
      ...
      
      
      9 mengembalikan elemen yang memiliki kelas CSS tertentu
    • Contents

      • Chapter 1
      • Chapter 2
      0 mengembalikan elemen dengan atribut

      Contents

      • Chapter 1
      • Chapter 2
      1 yang diberikan, untuk seluruh dokumen. Sangat jarang digunakan

    Contohnya

    // get all divs in the document
    let divs = document.getElementsByTagName('div');

    Mari temukan semua

    Contents

    • Chapter 1
    • Chapter 2
    _2 tag di dalam tabel

    Your age:

    Jangan lupa surat

    Contents

    • Chapter 1
    • Chapter 2
    _3

    Pengembang pemula terkadang lupa huruf

    Contents

    • Chapter 1
    • Chapter 2
    3. Artinya, mereka mencoba menelepon

    Contents

    • Chapter 1
    • Chapter 2
    _5 alih-alih

    Contents

    • Chapter 1
    • Chapter 2
    6

    Huruf

    Contents

    • Chapter 1
    • Chapter 2
    _3 tidak ada di
    6, karena mengembalikan elemen tunggal. Tapi

    Contents

    • Chapter 1
    • Chapter 2
    _9 mengembalikan kumpulan elemen, jadi ada

    Contents

    • Chapter 1
    • Chapter 2
    3 di dalamnya

    Ini mengembalikan koleksi, bukan elemen

    Kesalahan pemula lainnya yang tersebar luas adalah menulis

    // doesn't work
    document.getElementsByTagName('input').value = 5;

    Itu tidak akan berhasil, karena membutuhkan kumpulan input dan memberikan nilai padanya daripada ke elemen di dalamnya

    Kita harus mengulangi koleksi atau mendapatkan elemen berdasarkan indeksnya, lalu menetapkan, seperti ini

    // should work (if there's an input)
    document.getElementsByTagName('input')[0].value = 5;

    Mencari

    // get all divs in the document
    let divs = document.getElementsByTagName('div');
    1 elemen

    Element
    0

    Semua metode

    // get all divs in the document
    let divs = document.getElementsByTagName('div');
    _2 mengembalikan koleksi langsung. Koleksi semacam itu selalu mencerminkan keadaan dokumen saat ini dan "pembaruan otomatis" saat berubah

    Pada contoh di bawah ini, ada dua skrip

    1. Yang pertama membuat referensi ke koleksi
      // get all divs in the document
      let divs = document.getElementsByTagName('div');
      3. Sampai sekarang, panjangnya adalah
      // get all divs in the document
      let divs = document.getElementsByTagName('div');
      4
    2. Skrip kedua berjalan setelah browser memenuhi satu lagi
      // get all divs in the document
      let divs = document.getElementsByTagName('div');
      3, jadi panjangnya adalah
      // get all divs in the document
      let divs = document.getElementsByTagName('div');
      6

    Element
    _1

    Sebaliknya,

    // get all divs in the document
    let divs = document.getElementsByTagName('div');
    _7 mengembalikan koleksi statis. Ini seperti susunan elemen yang tetap

    Jika kita menggunakannya, maka kedua skrip menghasilkan

    // get all divs in the document
    let divs = document.getElementsByTagName('div');
    4

    Element
    _2

    Sekarang kita dapat dengan mudah melihat perbedaannya. Koleksi statis tidak bertambah setelah munculnya

    // get all divs in the document
    let divs = document.getElementsByTagName('div');
    9 baru dalam dokumen

    Ada 6 metode utama untuk mencari node di DOM

    MetodeCari menurut. Dapat memanggil elemen?Live?
    ...
    ...
    
    
    5CSS-selector✔-
    // get all divs in the document
    let divs = document.getElementsByTagName('div');
    7CSS-selector✔-
    6
    Element
    3--
    Your age:
    4

    Contents

    • Chapter 1
    • Chapter 2
    1-✔

    Contents

    • Chapter 1
    • Chapter 2
    9tag atau
    Your age:
    7✔✔________47____

    Sejauh ini yang paling banyak digunakan adalah

    ...
    ...
    
    
    _5 dan
    // get all divs in the document
    let divs = document.getElementsByTagName('div');
    7, tetapi
    // doesn't work
    document.getElementsByTagName('input').value = 5;
    1 dapat membantu secara sporadis atau ditemukan di skrip lama

    Selain itu

    • Ada
      // doesn't work
      document.getElementsByTagName('input').value = 5;
      _2 untuk memeriksa apakah
      • The
      • test
      • has
      • passed
      0 cocok dengan pemilih CSS yang diberikan
    • Ada
      ...
      ...
      
      
      2 untuk mencari leluhur terdekat yang cocok dengan pemilih CSS yang diberikan.
      • The
      • test
      • has
      • passed
      0 itu sendiri juga diperiksa

    Dan mari sebutkan satu metode lagi di sini untuk memeriksa hubungan anak-orang tua, karena terkadang berguna

    Bisakah saya memiliki banyak elemen dengan ID yang sama?

    Atribut id HTML digunakan untuk menentukan id unik untuk elemen HTML. Anda tidak boleh memiliki lebih dari satu elemen dengan id yang sama dalam dokumen HTML .

    Bisakah saya mendapatkan banyak elemen dengan ID JavaScript?

    Id harus unik. Hanya boleh ada satu elemen dalam dokumen dengan id yang diberikan . Jika ada banyak elemen dengan id yang sama, maka perilaku metode yang menggunakannya tidak dapat diprediksi, mis. g. dokumen.

    Bagaimana cara mendapatkan banyak elemen dengan nama yang sama di JavaScript?

    Anda dapat memanipulasi banyak elemen HTML di JavaScript dengan semua elemen memiliki nama kelas yang sama dengan menggunakan metode getElementsByClassName() di JavaScript . Anda dapat mengakses lebih dari satu elemen dengan metode ini, dan elemennya bisa berbeda.

    Apa yang terjadi jika dua elemen memiliki JavaScript ID yang sama?

    Menerapkan id yang sama ke beberapa elemen adalah HTML tidak valid dan harus dihindari . Untuk tujuan itu kami memiliki atribut kelas, yang dapat didistribusikan di mana saja dan di mana saja. Alasan kami hanya dapat memiliki satu id adalah karena itu adalah pengidentifikasi fragmen yang dapat dikaitkan dengan HREF.