html մեթոդը

html մեթոդը թույլ է տալիս փոխել տարրի տեքստը և ստանալ այն ներառյալ թեգերը:

Շարահյուսություն

Տեքստի ստացում.

javascript$(ընտրիչ).html();

Տեքստի փոփոխում.

javascript$(ընտրիչ).html(նոր տեքստ);

Լրացուցիչ

html մեթոդը կարող է կիրառել տրված ֆունկցիան հավաքածուի յուրաքանչյուր տարրի նկատմամբ: Այս դեպքում ֆունկցիան առաջին պարամետրով կստանա տարրի համարը հավաքածուում, իսկ երկրորդ պարամետրով - տարրի ընթացիկ տեքստը.

javascript$(ընտրիչ).html(function(համարը հավաքածուում, ընթացիկ տեքստը տարրի));

Ֆունկցիայի փոփոխականների անունները կարող են լինել ցանկացած: Օրինակ, եթե առաջին պարամետրին տանք index անունը - ապա մեր ֆունկցիայի ներսում հասանելի կլինի index փոփոխականը, որում կլինի այն տարրի համարը հավաքածուում, որը ֆունկցիան մշակում է տվյալ պահին: Նմանապես, եթե երկրորդ պարամետրին տանք, օրինակ, value անունը - ապա մեր ֆունկցիայի ներսում հասանելի կլինի value փոփոխականը, որում կլինի այն տարրի տեքստը, որն ֆունկցիան մշակում է տվյալ պահին.

javascript$(ընտրիչ).html(function(index, value) {

  // այստեղ հասանելի են index և value փոփոխականները
  
});

Յուրաքանչյուր տարրի տեքստը կփոխվի այն տեքստով, որը ֆունկցիան կվերադարձնի հենց այդ տարրի համար:

Օրինակ

Եկեք արտապատկերենք էկրանին մեր պարբերության պարունակությունը.

html<p id="test">տեքստ</p>

javascriptlet text = $('#test').html();
alert(text);

Օրինակ

Եկեք փոխենք մեր պարբերության պարունակությունը.

html<p id="test">տեքստ1</p>

javascript$('#test').html('տեքստ2');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test">տեքստ2</p>

Օրինակ

Եկեք փոխենք մեր պարբերության պարունակությունը թեգերով տեքստով.

html<p id="test">տեքստ1</p>

javascript$('#test').html('<span>տեքստ2</span>');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test"><span>տեքստ2</span></p>

Օրինակ

Եկեք յուրաքանչյուր պարբերության վերջում ավելացնենք դրա հերթական համարը հավաքածուում.

html<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>

javascript$('p').html(function(index, value){
  return value + ' ' + index;
});

HTML կոդը կունենա հետևյալ տեսքը.

html<p>տեքստ 0</p>
<p>տեքստ 1</p>
<p>տեքստ 2</p>

Տես նաև