მეთოდი insertAdjacentText
მეთოდი insertAdjacentText საშუალებას აძლევს
ჩასვას სტრიქონი გვერდის ნებისმიერ ადგილას. სტრიქონი
ჩასმულია მიმაგრებულ ელემენტთან მიმართებით.
შესაძლებე�აა ჩასვათ მიმაგრებული ელემენტის წინ
(ჩასმის მეთოდი 'beforeBegin'), მის
შემდეგ (ჩასმის მეთოდი 'afterEnd'), ასევე
დასაწყისში (ჩასმის მეთოდი 'afterBegin')
ან დასასრულში (ჩასმის მეთოდი 'beforeEnd')
მიმაგრებული ელემენტის.
სინტაქსი
მიმაგრებული ელემენტი.insertAdjacentText(ჩასმის მეთოდი, ჩასასმელი ტექსტი);
მაგალითი . მეთოდი beforeBegin
დაე, მიმაგრებული ელემენტი იყოს ელემენტი #target.
ჩავსვათ მის წინ რაიმე ტექსტი:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
კოდის შესრულების შედეგი:
text
<div id="target">
<p>elem</p>
</div>
მაგალითი . მეთოდი afterEnd
ახლა კი ჩავსვათ ახალი აბზაცი მიმაგრებული ელემენტის შემდეგ:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
კოდის შესრულების შედეგი:
<div id="target">
<p>elem</p>
</div>
text
მაგალითი . afterBegin
ჩავსვათ ახალი აბზაცი მიმაგრებული ელემენტის დასაწყისში:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
კოდის შესრულების შედეგი:
<div id="target">
text
<p>elem</p>
</div>
მაგალითი . მეთოდი beforeEnd
ჩავსვათ ახალი აბზაცი მიმაგრებული ელემენტის დასასრულში:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
კოდის შესრულების შედეგი:
<div id="target">
<p>elem</p>
text
</div>
იხილეთ აგრეთვე
-
მეთოდი
insertAdjacentElement,
რომელიც ჩასვამს ელემენტს მითითებულ ადგილას -
მეთოდი
insertAdjacentHTML,
რომელიც ჩასვამს კოდს მითითებულ ადგილას -
მეთოდი
prepend,
რომელიც ჩასვამს ელემენტებს დასაწყისში -
მეთოდი
append,
რომელიც ჩასვამს ელემენტებს დასასრულში -
მეთოდი
appendChild,
რომელიც ჩასვამს ელემენტებს მშობლის დასასრულში -
მეთოდი
insertBefore,
რომელიც ჩასვამს ელემენტებს ელემენტის წინ
