html მეთოდი
html მეთოდი საშუალებას აძლევს შეცვალოს ელემენტის ტექსტი
და მიიღოს იგი თეგებთან ერთად.
სინტაქსი
ტექსტის მიღება:
$(სელექტორი).html();
ტექსტის შეცვლა:
$(სელექტორი).html(ახალი ტექსტი);
დამატებით
html მეთოდს შეუძლია გამოიყენოს მითითებული
ფუნქცია ყოველ ელემენტზე კოლექციაში.
ამ შემთხვევაში ფუნქცია პირველ პარამეტრად მიიღებს
ელემენტის ნომერს კოლექციაში, ხოლო მეორე პარამეტრად
- ელემენტის მიმდინარე ტექსტს:
$(სელექტორი).html(function(ნომერი კოლექციაში, მიმდინარე ტექსტი ელემენტის));
ცვლადების სახელები ფუნქციაში შეიძლება იყოს ნებისმიერი.
მაგალითად, თუ პირველი პარამეტრისთვის მივცემთ სახელს
index - მაშინ ჩვენს ფუნქციაში inside იქნება ხელმისაწვდომი
ცვლადი index, რომელშიც იქნება ნომერი კოლექციაში იმ ელემენტისთვის,
რომელსაც ფუნქცია ამუშავებს მოცემულ დროს. ანალოგიურად, თუ მეორე
პარამეტრს მივცემთ, მაგალითად, სახელს value - მაშინ
ჩვენს ფუნქციაში inside იქნება ხელმისაწვდომი ცვლადი value,
რომელშიც იქნება იმ ელემენტის ტექსტი, რომელსაც ფუნქცია
ამუშავებს მოცემულ დროს:
$(სელექტორი).html(function(index, value) {
// აქ ხელმისაწვდომია index და value ცვლადები
});
ყოველი ელემენტის ტექსტი შეიცვლება იმაზე, რასაც ფუნქცია დააბრუნებს კონკრეტულად ამ ელემენტისთვის.
მაგალითი
მოდით გამოვიტანოთ ეკრანზე ჩვენი აბზაცის შიგთავსი:
<p id="test">ტექსტი</p>
let text = $('#test').html();
alert(text);
მაგალითი
მოდით შევცვალოთ ჩვენი აბზაცის შიგთავსი:
<p id="test">ტექსტი1</p>
$('#test').html('ტექსტი2');
HTML კოდი ასე გამოიყურება:
<p id="test">ტექსტი2</p>
მაგალითი
მოდით შევცვალოთ ჩვენი აბზაცის შიგთავსი ტექსტზე თეგებით:
<p id="test">ტექსტი1</p>
$('#test').html('<span>ტექსტი2</span>');
HTML კოდი ასე გამოიყურება:
<p id="test"><span>ტექსტი2</span></p>
მაგალითი
მოდით ყოველ აბზაცს დავუმატოთ ბოლოში მისი რიგითი ნომერი კოლექციაში:
<p>ტექსტი</p>
<p>ტექსტი</p>
<p>ტექსტი</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML კოდი ასე გამოიყურება:
<p>ტექსტი 0</p>
<p>ტექსტი 1</p>
<p>ტექსტი 2</p>
იხილეთ აგრეთვე
-
textმეთოდი,
რომელიც საშუალებას აძლევს მიიღო ელემენტის ტექსტი თეგების გარეშე -
JavaScript-ის თვისება
innerHTML,
რომლის დახმარებითაც შეიძლება შევცვალოთ ელემენტის ტექსტი სუფთა JavaScript-ში -
JavaScript-ის თვისება
outerHTML,
რომლის დახმარებითაც შეიძლება შევცვალოთ ელემენტის ტექსტი თავის თეგთან ერთად სუფთა JavaScript-ში
