Bagaimana aku bisa mencapai hal berikut:
document.all.regTitle.innerHTML = 'Hello World';
Menggunakan jQuery mana regTitle
saya div ID?
Jika anda bukan memiliki objek jquery anda ingin membuat bukan dari konten yang ada. Kemudian hanya mengatur ulang konten dan menambahkan yang baru.
var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);
Atau:
$('#regTitle').empty().append(newcontent);
Sudah ada jawaban yang memberikan cara untuk mengubah bagian Dalam HTML elemen.
Tapi saya akan menyarankan, anda harus menggunakan beberapa animasi seperti Fade Out/ Fade In untuk mengubah HTML yang memberikan efek yang baik berubah HTML bukan langsung mengubah HTML batin.
$('#regTitle').fadeOut(500, function() {
$(this).html('Hello World!').fadeIn(500);
});
Jika anda memiliki banyak fungsi yang perlu ini, maka anda dapat memanggil fungsi umum yang perubahan dalam Html.
function changeInnerHtml(elementPath, newText){
$(elementPath).fadeOut(500, function() {
$(this).html(newText).fadeIn(500);
});
}
Jawaban:
$("#regTitle").html('Hello World');
Penjelasan:
$
setara dengan jQuery
. Keduanya mewakili objek yang sama di perpustakaan jQuery. The "#regTitle"
di dalam kurung disebut pemilih yang digunakan oleh perpustakaan jQuery untuk mengidentifikasi elemen(s) dari html DOM (Document Object Model) yang anda inginkan untuk menerapkan kode. Tanda #
sebelum regTitle
mengatakan jQuery yang regTitle
adalah id dari elemen di dalam DOM.
Dari sana, dot notasi ini digunakan untuk memanggil html fungsi yang menggantikan html batin dengan parameter apa pun yang anda menempatkan di antara tanda kurung, yang dalam hal ini adalah 'Hello World'
.
jQuery's .html()
dapat digunakan untuk menetapkan dan mendapatkan isi dari dicocokkan non unsur-unsur yang kosong (innerHTML
).
var contents = $(element).html();
$(element).html("insert content into element");
Contoh
$( document ).ready(function() {
$('.msg').html('hello world');
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div class="msg"></div>
</body>
</html>
$("#regTitle")[0].innerHTML = 'Hello World';
Hanya untuk menambahkan beberapa kinerja wawasan.
Beberapa tahun yang lalu saya memiliki sebuah proyek, di mana kita memiliki masalah mencoba untuk mengatur besar HTML / Teks untuk berbagai elemen HTML.
Itu muncul, bahwa "hilang" elemen dan menyuntikkan ke DOM adalah cara yang lebih cepat daripada metode yang disarankan untuk memperbarui DOM konten.
Jadi sesuatu seperti:
var text = "very big content";
$("#regTitle").remove();
$("<div id='regTitle'>" + text + "</div>").appendTo("body");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Harus mendapatkan kinerja yang lebih baik. Aku ingin't baru-baru ini mencoba untuk mengukur bahwa (browser anda harus pintar hari ini), tetapi jika anda'kembali mencari kinerja ini dapat membantu.
The downside adalah bahwa anda akan memiliki lebih banyak bekerja untuk menjaga DOM dan referensi dalam script anda menunjuk ke objek yang tepat.
jQuery memiliki beberapa fungsi yang bekerja dengan teks, jika anda menggunakan text()
salah satu, itu akan melakukan pekerjaan untuk anda:
$("#regTitle").text("Hello World");
Juga, anda dapat menggunakan html()
sebaliknya, jika anda memiliki tag html...