Rumah Keuangan Pribadi Cara menggunakan JavaScript's GetElementById untuk mengakses elemen tertentu - dummies

Cara menggunakan JavaScript's GetElementById untuk mengakses elemen tertentu - dummies

Video: Technology Stacks - Computer Science for Business Leaders 2016 2025

Video: Technology Stacks - Computer Science for Business Leaders 2016 2025
Anonim

Anda dapat menggunakan JavaScript untuk mengakses elemen dalam halaman HTML. Anda mungkin melakukan ini untuk membuat perubahan pada elemen atau styling CSS. Cobalah dalam latihan.

  1. Buka editor teks Anda dengan dokumen baru atau kosong.

  2. Di editor teks, tempatkan HTML dan JavaScript berikut:

    Bab 2 Halo Baris Kedua Ini ada dalam paragraf.

    Baris Terakhir var theDiv = dokumen. getElementById ("myDiv"); waspada ("Kontennya adalah" + theDiv. innerHTML);
  3. Simpan file itu sebagai getbyid. html di root dokumen anda

  4. Buka browser web Anda dan lihat halaman di // localhost / getbyid. html

    Anda harus melihat peringatan seperti yang ditunjukkan di sini.

  5. Klik OK untuk mengabaikan peringatan dan tutup browser Anda.

  6. Kembali ke dalam getbyid. html di editor Anda, hapus baris JavaScript yang dimulai dengan peringatan. Ganti garis itu dengan dua huruf ini:

    theDiv. gaya. border = "3px solid black"; theDiv innerHTML = "Ini sekarang berubah teks.";
    

    Seluruh blok skrip seharusnya terlihat seperti ini:

    var theDiv = document. getElementById ("myDiv"); theDiv gaya. border = "3px solid black"; theDiv innerHTML = "Ini sekarang berubah teks.";
    

    Bila dilihat di browser, halaman sekarang terlihat seperti yang ditunjukkan di sini. Perhatikan secara khusus bahwa teks dari baris teratas telah diubah dan sekarang memiliki batas.

Cara menggunakan JavaScript's GetElementById untuk mengakses elemen tertentu - dummies

Pilihan Editor

Siku, Dasar Pergelangan tangan dan Lengan Kasar untuk Ujian Asisten Dokter - dummies

Siku, Dasar Pergelangan tangan dan Lengan Kasar untuk Ujian Asisten Dokter - dummies

Untuk Asisten Dokter Ujian (PANCE), penting untuk mengingat nama dan komponen cedera dan kondisi ortopedi spesifik yang berhubungan dengan siku, lengan bawah, dan pergelangan tangan. Hal ini terutama terjadi pada fraktur. Epicondylar injury Epicondylar adalah cara yang bagus untuk mengatakan, "Mari kita lihat siku sebentar. "The epicondyles adalah dua tulang ...

Asam urat dan Pseudogout pada Asisten Dokter Ujian - dummies

Asam urat dan Pseudogout pada Asisten Dokter Ujian - dummies

Asisten Dokter Ujian akan memiliki banyak pertanyaan tentang nyeri, termasuk artritis monoartikular. Bicara tentang rasa sakit, dan sembilan dari sepuluh orang akan mengatakan bahwa tiga hal paling menyakitkan dalam kedokteran adalah persalinan (well, pria hanya menebak hal ini), batu ginjal, dan demam encok akut. Ada ...

Bagaimana Mengatasi Masalah Pendarahan Gestasional untuk Ujian Asisten Dokter - dummies

Bagaimana Mengatasi Masalah Pendarahan Gestasional untuk Ujian Asisten Dokter - dummies

Anda perlu mengetahui masalah pendarahan gestasional untuk Asisten Dokter Ujian. Tiga komplikasi terkait perdarahan yang dapat terjadi selama kehamilan meliputi plasenta previa, abruptio placentae, dan perdarahan pascapersalinan. Plasenta previa Plasenta previa adalah penyebab perdarahan yang jarang terjadi yang berpotensi mengancam jiwa ibu dan bayi. Dalam kondisi ini, plasenta adalah ...

Pilihan Editor

4 Bagian penting dari Strategi Desain UX - dummies

4 Bagian penting dari Strategi Desain UX - dummies

Tujuan dari setiap craftwork yang dibuat dengan baik pengalaman pengguna (UX) strategi adalah untuk fokus kehadiran web perusahaan pada kebutuhan pelanggan. Anda mencapainya dengan mengintegrasikan desain web, riset pengguna, perencanaan bisnis, dan analisis data. Selalu ingat bahwa strategi perancangan UX yang kuat mencakup keempat bagian ini: Niat yang jelas dan tepat untuk pengalaman itu, ...

Membuat Publikasi Baru dengan InDesign CS2

Membuat Publikasi Baru dengan InDesign CS2

Setelah meluncurkan InDesign CS2 ( "CS" adalah singkatan dari Creative Suite), Anda memiliki dua pilihan: Anda dapat memilih File -> Open (atau tekan Command + O atau Ctrl + O) untuk membuka dokumen atau template yang telah dibuat sebelumnya, atau Anda dapat memilih File -> New - > Document (atau tekan Command + N atau Ctrl + N) untuk membuat dokumen baru. Membuat ...

Menyiapkan Fitur FTP Dreamweaver - dummies

Menyiapkan Fitur FTP Dreamweaver - dummies

Setelah mengumpulkan informasi FTP Anda, Anda siap untuk menentukan up fitur penerbitan FTP Dreamweaver dan publikasikan situs mobile Anda. Kabar baiknya adalah bahwa Anda harus melakukannya hanya sekali. (Dreamweaver menyimpan pengaturan ini untuk Anda sehingga Anda tidak perlu mengaturnya setiap kali Anda ingin mengunggah halaman baru ...

Pilihan Editor

Data Warehousing and the Infrastructure Challenge - dummies

Data Warehousing and the Infrastructure Challenge - dummies

Sifat dari gudang data (yang disusun terutama, atau secara eksklusif , data yang berasal dari tempat lain, database aplikasi lainnya, dan diubah menjadi aset data) berarti tidak dapat berdiri sendiri sebagai entitas independen dalam organisasi Anda. Pertumbuhan terdistribusi komputasi terdistribusi (Internet dan intranet, serta penyimpanan data ...

Data Warehousing, Mainstream Technologies, and Vendors - dummies

Data Warehousing, Mainstream Technologies, and Vendors - dummies

Sementara data pergudangan dan teknologi komputasi tradisional bertemu, Anda sedang melihat permainan bola baru saat Anda mencoba menyaring klaim dan janji vendor. Vendor pergudangan data tradisional sudah berusaha membuat kemampuan masing-masing produk mereka berjalan perusahaan (dapat bekerja dalam lingkungan global yang luas dan luas), dan vendor lainnya melihat ...