Pertanyaan Bagaimana cara mengganti innerHTML dari div menggunakan jQuery?


Bagaimana saya bisa mencapai hal-hal berikut:

document.all.regTitle.innerHTML = 'Hello World';

Menggunakan jQuery di mana regTitle apakah ID div saya?


857
2017-08-20 23:51


asal


Jawaban:


$("#regTitle").html("Hello World");

1286
2017-08-20 23:52



Itu html () fungsi dapat mengambil string HTML, dan secara efektif akan memodifikasi .innerHTML milik.

$('#regTitle').html('Hello World');

Namun, itu teks() fungsi akan mengubah nilai (teks) dari elemen yang ditentukan, tetapi menjaga html struktur.

$('#regTitle').text('Hello world'); 

273
2017-08-20 23:52



Jika Anda memiliki objek jquery yang ingin Anda render alih-alih konten yang ada. Kemudian, atur ulang konten dan tambahkan yang baru.

var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);

Atau:

$('#regTitle').empty().append(newcontent);

56
2017-08-11 10:34



Inilah jawaban Anda:

//This is the setter of the innerHTML property in jQuery
$('#regTitle').html('Hello World');

//This is the getter of the innerHTML property in jQuery
var helloWorld = $('#regTitle').html();

22
2017-11-27 08:03



Menjawab:

$("#regTitle").html('Hello World');

Penjelasan:

$ setara dengan jQuery. Keduanya mewakili objek yang sama di perpustakaan jQuery. Itu "#regTitle" di dalam kurung disebut pemilih yang digunakan oleh pustaka jQuery untuk mengidentifikasi elemen mana dari html DOM (Document Object Model) yang ingin Anda terapkan kode. Itu # sebelum regTitle mengatakan jQuery itu regTitle adalah id dari elemen di dalam DOM.

Dari sana, notasi titik digunakan untuk memanggil html fungsi yang menggantikan html batin dengan parameter apa pun yang Anda tempatkan di antara tanda kurung, yang dalam hal ini adalah 'Hello World'.


8
2018-06-22 02:37



jQuery's .html() dapat digunakan untuk mengatur dan mendapatkan konten yang cocok dengan elemen yang tidak kosong (innerHTML).

var contents = $(element).html();
$(element).html("insert content into element");

7
2017-10-16 12:14



Sudah ada jawaban yang memberi cara mengubah elemen HTML Dalam.

Tapi saya sarankan, Anda harus menggunakan beberapa animasi seperti Fade Out / Fade In untuk mengubah HTML yang memberikan efek baik dari perubahan HTML, bukan langsung mengubah inner HTML.

Gunakan animasi untuk mengubah HTML Dalam

$('#regTitle').fadeOut(500, function() {
    $(this).html('Hello World!').fadeIn(500);
});

Jika Anda memiliki banyak fungsi yang membutuhkan ini, maka Anda dapat memanggil fungsi umum yang mengubah Html dalam.

function changeInnerHtml(elementPath, newText){
    $(elementPath).fadeOut(500, function() {
        $(this).html(newText).fadeIn(500);
    });
}

7
2017-09-07 16:41



Anda dapat menggunakan fungsi html atau teks di jquery untuk mencapainya

$("#regTitle").html("hello world");

ATAU

$("#regTitle").text("hello world");

7
2018-02-03 06:15



<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
      $( document ).ready(function() {
        $('.msg').html('hello world');
      });
    </script>

  </head>
  <body>
    <div class="msg"></div>
  </body>
</html>

5
2018-03-17 05:36



$("#regTitle")[0].innerHTML = 'Hello World';

3
2017-09-21 12:26