Μέθοδος insertAdjacentText
Η μέθοδος insertAdjacentText επιτρέπει
την εισαγωγή μιας συμβολοσειράς σε οποιοδήποτε σημείο της σελίδας. Η συμβολοσειρά
εισάγεται σε σχέση με ένα στοιχείο αναφοράς.
Μπορείτε να κάνετε εισαγωγή πριν από το στοιχείο αναφοράς
(τρόπος εισαγωγής 'beforeBegin'), μετά
από αυτό (τρόπος εισαγωγής 'afterEnd'), καθώς
και στην αρχή (τρόπος εισαγωγής 'afterBegin')
ή στο τέλος (τρόπος εισαγωγής 'beforeEnd')
του στοιχείου αναφοράς.
Σύνταξη
στοιχείο αναφοράς.insertAdjacentText(τρόπος εισαγωγής, κείμενο για εισαγωγή);
Παράδειγμα . Τρόπος beforeBegin
Ας υποθέσουμε ότι το στοιχείο αναφοράς είναι το στοιχείο #target.
Ας εισάγουμε πριν από αυτό κάποιο κείμενο:
<div id="target">
<p>στοιχείο</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'κείμενο');
Αποτέλεσμα εκτέλεσης του κώδικα:
κείμενο
<div id="target">
<p>στοιχείο</p>
</div>
Παράδειγμα . Τρόπος afterEnd
Τώρα ας εισάγουμε μια νέα παράγραφο μετά από το στοιχείο αναφοράς:
<div id="target">
<p>στοιχείο</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'κείμενο');
Αποτέλεσμα εκτέλεσης του κώδικα:
<div id="target">
<p>στοιχείο</p>
</div>
κείμενο
Παράδειγμα . afterBegin
Ας εισάγουμε μια νέα παράγραφο στην αρχή του στοιχείου αναφοράς:
<div id="target">
<p>στοιχείο</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'κείμενο');
Αποτέλεσμα εκτέλεσης του κώδικα:
<div id="target">
κείμενο
<p>στοιχείο</p>
</div>
Παράδειγμα . Τρόπος beforeEnd
Ας εισάγουμε μια νέα παράγραφο στο τέλος του στοιχείου αναφοράς:
<div id="target">
<p>στοιχείο</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'κείμενο');
Αποτέλεσμα εκτέλεσης του κώδικα:
<div id="target">
<p>στοιχείο</p>
κείμενο
</div>
Δείτε επίσης
-
η μέθοδος
insertAdjacentElement,
που εισάγει ένα στοιχείο σε μια καθορισμένη θέση -
η μέθοδος
insertAdjacentHTML,
που εισάγει κώδικα σε μια καθορισμένη θέση -
η μέθοδος
prepend,
που εισάγει στοιχεία στην αρχή -
η μέθοδος
append,
που εισάγει στοιχεία στο τέλος -
η μέθοδος
appendChild,
που εισάγει στοιχεία στο τέλος του γονέα -
η μέθοδος
insertBefore,
που εισάγει στοιχεία πριν από ένα στοιχείο
