მეთოდი insertAdjacentText

მეთოდი insertAdjacentText საშუალებას აძლევს ჩასვას სტრიქონი გვერდის ნებისმიერ ადგილას. სტრიქონი ჩასმულია მიმაგრებულ ელემენტთან მიმართებით. შესაძლებე�აა ჩასვათ მიმაგრებული ელემენტის წინ (ჩასმის მეთოდი 'beforeBegin'), მის შემდეგ (ჩასმის მეთოდი 'afterEnd'), ასევე დასაწყისში (ჩასმის მეთოდი 'afterBegin') ან დასასრულში (ჩასმის მეთოდი 'beforeEnd') მიმაგრებული ელემენტის.

სინტაქსი

javascriptმიმაგრებული ელემენტი.insertAdjacentText(ჩასმის მეთოდი, ჩასასმელი ტექსტი);

მაგალითი . მეთოდი beforeBegin

დაე, მიმაგრებული ელემენტი იყოს ელემენტი #target. ჩავსვათ მის წინ რაიმე ტექსტი:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');

კოდის შესრულების შედეგი:

htmltext
<div id="target">
  <p>elem</p>
</div>

მაგალითი . მეთოდი afterEnd

ახლა კი ჩავსვათ ახალი აბზაცი მიმაგრებული ელემენტის შემდეგ:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');

კოდის შესრულების შედეგი:

html<div id="target">
  <p>elem</p>
</div>
text

მაგალითი . afterBegin

ჩავსვათ ახალი აბზაცი მიმაგრებული ელემენტის დასაწყისში:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');

კოდის შესრულების შედეგი:

html<div id="target">
  text
  <p>elem</p>
</div>

მაგალითი . მეთოდი beforeEnd

ჩავსვათ ახალი აბზაცი მიმაგრებული ელემენტის დასასრულში:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');

კოდის შესრულების შედეგი:

html<div id="target">
  <p>elem</p>
  text
</div>

იხილეთ აგრეთვე