Bagaimana untuk menetapkan nilai kotak teks dalam javascript

Dalam Javascript, untuk menetapkan nilai kotak teks, anda boleh melakukannya dengan mengakses sifat objek kotak teks. Objek kotak teks boleh diperolehi melalui nilai ID kotak teks, dan kemudian sifatnya boleh dikendalikan.

Cara biasa untuk menetapkan nilai kotak teks dalam Javascript adalah seperti berikut:

1. Tetapkan nilai kotak teks melalui atribut nilai kotak teks

Atribut nilai objek kotak teks boleh mendapatkan atau menetapkan nilai kotak teks Anda boleh menetapkan nilai kotak teks dengan cara berikut:

document.getElementById("myText").value = "Hello World!";

di mana, myText ialah nilai ID kotak teks, "Hello World!"

2. Tetapkan nilai kotak teks melalui atribut innerHTML

Objek kotak teks juga boleh mengakses atribut innerHTML, yang boleh mendapatkan atau menetapkan kandungan elemen (termasuk kotak teks). Seperti yang ditunjukkan di bawah:

document.getElementById("myText").innerHTML = "Hello World!";

3. Tetapkan nilai kotak teks melalui kaedah setAttribute

setAttribute ialah kaedah umum untuk menetapkan atribut elemen Kaedah ini menerima dua parameter: Tetapkan nama atribut dan nilai atribut. Seperti yang ditunjukkan di bawah:

document.getElementById("myText").setAttribute("value", "Hello World!");

Selain atribut nilai, anda juga boleh menetapkan atribut lain, seperti id, nama, dsb.

4. Tetapkan nilai kotak teks melalui atribut teks

Atribut teks boleh mendapatkan atau tetapkan kandungan teks kotak teks. Seperti yang ditunjukkan di bawah:

document.getElementById("myText").text = "Hello World!";

Perlu diambil perhatian bahawa atribut teks tidak boleh digunakan dengan elemen textarea dan hanya boleh digunakan dengan elemen input.

5. Tetapkan nilai kotak teks melalui atribut innerText atau textContent

Atribut innerText atau textContent boleh menetapkan kandungan teks elemen atau mendapatkan kandungan teks unsur tersebut. Seperti yang ditunjukkan di bawah:

// innerText
document.getElementById("myText").innerText = "Hello World!";

// textContent
document.getElementById("myText").textContent = "Hello World!";

Perlu diambil perhatian bahawa atribut innerText atau textContent mungkin dilaksanakan secara berbeza dalam penyemak imbas yang berbeza.

Ringkasan:

Di atas ialah cara biasa untuk menetapkan nilai kotak teks dalam Javascript. Melalui kaedah ini, nilai kotak teks boleh ditetapkan dengan mudah untuk memenuhi keperluan perniagaan yang berbeza. Perlu memilih kaedah yang sesuai mengikut keperluan sebenar.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan nilai kotak teks dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!