Kaip pakeisti „internalHTML div“ naudojant jQuery?

Kaip pasiekti:

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

Naudojant jQuery, kur regTitle yra mano „div id“?

917
21 авг. tonyf yra nustatytas rugpjūčio 21 d 2009-08-21 02:51 '09 at 2:51 am 2009-08-21 02:51
@ 12 atsakymų
 $("#regTitle").html("Hello World"); 
1359
21 авг. atsakymas pateikiamas Zed 21 rug. 2009-08-21 02:52 '09 at 2:52 am 2009-08-21 02:52

Html () funkcija gali priimti HTML eilutes ir efektyviai keisti .innerHTML savybę.

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

Tačiau teksto () funkcija keičia nurodyto elemento (teksto) vertę, bet išsaugo html struktūrą.

 $('#regTitle').text('Hello world'); 
287
21 авг. atsakymas pateikiamas zombatui 21 rug . 2009-08-21 02:52 '09 at 2:52 am 2009-08-21 02:52

Jei vietoj to turite „jquery“ objektą, kurį norite rodyti vietoje esamo. Tada tiesiog iš naujo nustatykite turinį ir pridėkite naują.

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

Arba:

 $('#regTitle').empty().append(newcontent); 
58
11 авг. atsakymą pateikė Cine 11 rug. 2011-08-11 13:34 '11 at 13:34 2011-08-11 13:34

Čia yra jūsų atsakymas:

 //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
27 нояб. atsakymas pateikiamas 27 d. 2013-11-27 11:03 '13, 11:03, 2013-11-27 11:03

Jau yra atsakymų, kurie leidžia pakeisti vidinį HTML elementą.

Bet norėčiau pasiūlyti, kad turėtumėte naudoti tam tikrą animaciją, pvz., „Fade Out / Fade In“, kad pakeistumėte HTML, kuris suteikia gerą modifikuoto HTML efektą, ir iš karto pakeičia vidinį HTML.

Naudokite animaciją, kad pakeistumėte vidinį HTML

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

Jei turite daug funkcijų, kurias reikia, galite skambinti bendrai funkcijai, kuri pakeičia vidinį HTML kodą.

 function changeInnerHtml(elementPath, newText){ $(elementPath).fadeOut(500, function() { $(this).html(newText).fadeIn(500); }); } 
9
07 сент. Somnath Muluk atsakymas 07 Sep 2016-09-07 19:41 '16 at 7:41 pm 2016-09-07 19:41

Atsakymas:

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

Paaiškinimas:

$ lygus jQuery . Abu yra tas pats objektas jQuery bibliotekoje. "#regTitle" viduje laikiklis vadinamas selektoriumi. kurį naudoja jQuery biblioteka, kad nustatytumėte, kurį html DOM (Document Object Model) elementą norite taikyti. # prieš regTitle sako jQuery, kad regTitle yra elemento identifikatorius DOM viduje.

Taškų žymėjimas naudojamas html funkcijai skambinti, kuri pakeičia vidinį html su bet kuriuo parametru, kurį jūs įterpėte tarp skliausteliuose, kurie šiuo atveju yra lygūs 'Hello World' .

8
22 июня '16 в 5:37 2016-06-22 05:37 atsakymą Webeng pateikė birželio 22 d. 16 d. 5:37 2016-06-22 05:37

„Jquery“ galite naudoti html arba teksto funkciją

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

Or

 $("#regTitle").text("hello world"); 
8
03 февр. Atsakymas, kurį pateikė jitendra varshney 03 vasaris 2017-02-03 09:15 '17 at 9:15 am 2017-02-03 09:15

jQuery .html() galima naudoti norint nustatyti ir gauti atitinkamų ne tuščių elementų ( innerHTML ) turinį.

 var contents = $(element).html(); $(element).html("insert content into element"); 
7
16 окт. Atsakymą pateikė Pratik spalio 16 d. 2014-10-16 15:14 '14 at 15:14 2014-10-16 15:14
 <!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> 
6
17 марта '17 в 8:36 2017-03-17 08:36 atsakymą pateikė Nikit Barochiya kovo 17 d. 17 val. 8:36 2017-03-17 08:36

Tiesiog pridėkite įžvalgų apie našumą.

Prieš kelerius metus turėjau projektą, kuriame mes turėjome problemų bandydami nustatyti daug HTML / teksto įvairiems HTML elementams.

Paaiškėjo, kad elemento „atkūrimas“ ir įterpimas į DOM buvo daug greitesnis nei bet kuris iš siūlomų būdų atnaujinti DOM turinį.

Taigi kažkas panašaus į:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Turi būti geresnis našumas. Neseniai nesistengiau ją išmatuoti (naršyklės turi būti šiuolaikiškos), bet jei ieškote našumo, tai gali padėti.

Trūkumas yra tai, kad turėsite daugiau darbo, kad DOM ir jūsų scenarijų nuorodos nukreiptų į norimą objektą.

3
21 янв. Atsakymas, kurį pateikė Pavel Donchev Jan 21 2018-01-21 18:37 '18, 18:37 pm 2018-01-21 18:37
 $("#regTitle")[0].innerHTML = 'Hello World'; 
3
21 сент. Atsakymas pateikiamas Al.UrBasebelon Tomeh 21 rugsėjo. 2017-09-21 15:26 '17, 15:26 pm 2017-09-21 15:26

„JQuery“ turi keletą funkcijų, kurios veikia su tekstu, jei naudojate text() , jis atliks darbą už jus:

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

Be to, galite naudoti html() jei turite bet kokį HTML žymą ...

0
31 янв. Atsakymą pateikė Alireza sausio 31 d. 2019-01-31 14:38 '19 at 2:38 pm 2019-01-31 14:38

Kiti klausimai apie „ etiketes arba Užduoti klausimą