Akses ke Objek Document

Akses ke Objek Document

Objek Document merepresentasikan halaman HTML yang sedang dimuat dalam jendela browser. Dengan menggunakan objek Document, Anda dapat mengakses dan memanipulasi elemen-elemen HTML, mengubah struktur halaman, dan berinteraksi dengan konten yang ada. Berikut adalah beberapa fitur utama yang dapat diakses melalui objek Document:

1. Location Object:

document.location: Memungkinkan manipulasi lokasi dari dokumen dengan menggunakan objek location. Anda dapat mengubah URL halaman atau membaca informasi tentang URL saat ini. Contoh:

console.log(document.location.href); // Mencetak URL saat ini
document.location.href = 'https://example.com'; // Mengarahkan ke URL baru

2. Mendapatkan Parameter String Query:

Anda dapat menggunakan window.location.search untuk mendapatkan string query dari URL, dan kemudian memprosesnya sesuai kebutuhan. Contoh:

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const userId = urlParams.get('userId');
console.log(userId); // Menampilkan nilai parameter userId dari URL

3. Redirect ke URL Baru:

Untuk mengarahkan pengguna ke URL baru, Anda dapat mengubah nilai window.location.href ke URL yang baru. Contoh:

if (shouldRedirect) {
    window.location.href = 'https://newurl.com';
}

Objek Document memberikan kemampuan untuk mengakses dan mengontrol elemen-elemen HTML pada halaman, serta mengatur navigasi dan interaksi pengguna dengan dokumen.