Metoda insertAdjacentHTML()
se aplica la obiecte HTML preluate in JavaScript si poate fi utilizata pentru adaugarea de continut HTML in pagina la o pozitie specificata, in raport cu elementul la care e aplicata.
Aceasta nu afecteaza celelate elemente din pagina.
'beforebegin'
- inaintea elementului.'afterend'
- dupa element.'afterbegin'
- la inceput in interior.'beforeend'
- in interior, la sfarsit.<div id="dv1"> #dv1, https://marplo.net/</div><br> La clic pe buton adauga cu insertAdjacentHTML() continut HTML inainte de Div-ul #dv1.<br> <button id='btn1'>Click</button> <script> var dv1 = document.getElementById('dv1'); document.getElementById('btn1').addEventListener('click', (ev)=>{ var cnt = '<em> Website: </em>'; dv1.insertAdjacentHTML('beforebegin', cnt); }); </script>
<div id="dv1"> #dv1, https://gamv.eu/</div><br> La clic pe buton adauga cu insertAdjacentHTML() continut HTML dupa Div-ul #dv1.<br> <button id='btn1'>Click</button> <script> var dv1 = document.getElementById('dv1'); document.getElementById('btn1').addEventListener('click', (ev)=>{ var cnt = '<em> Website: </em>'; dv1.insertAdjacentHTML('afterend', cnt); }); </script>
<div id="dv1"> #dv1, https://marplo.net/</div><br> La clic pe buton adauga un continut HTML in interiorul Div-ului #dv1, la inceput.<br> <button id='btn1'>Click</button> <script> var dv1 = document.getElementById('dv1'); document.getElementById('btn1').addEventListener('click', (ev)=>{ var cnt = '<em> Website: </em>'; dv1.insertAdjacentHTML('afterbegin', cnt); }); </script>
<div id="dv1"> #dv1, https://gamv.eu/</div><br> La clic pe buton adauga un continut HTML in interiorul Div-ului #dv1, la sfarsit.<br> <button id='btn1'>Click</button> <script> var dv1 = document.getElementById('dv1'); document.getElementById('btn1').addEventListener('click', (ev)=>{ var cnt = '<em> Games </em>'; dv1.insertAdjacentHTML('beforeend', cnt); }); </script>
O metoda similara este: element.insertAdjacentText(position, string)
.
Aceasta adauga sirul de la 'string' in pozitia de la 'position', relativ la 'element'.
- 'position' are aceleasi valori ca si insertAdjacentHTML(); diferenta e faptul ca insertAdjacentText()
adauga sirul asa cum e, tag-urile HTML nu sunt adaugate in DOM, ci afisate ca text.
<div id="dv1"> #dv1, https://gamv.eu/</div><br> La clic pe buton adauga un sir text in interiorul Div-ului #dv1, la sfarsit.<br> <button id='btn1'>Click</button> <script> var dv1 = document.getElementById('dv1'); document.getElementById('btn1').addEventListener('click', (ev)=>{ var cnt = '<em class="cls"> Games </em>'; dv1.insertAdjacentText('beforeend', cnt); }); </script>
<form action="script.php" method="post"> ... </form>
#id { background-color: #bbfeda; box-shadow: 11px 11px 5px #7878da; }
var fruits = ["mar", "cireasa", "banana"]; fruits.shift(); alert(fruits.length); // 2
if(extension_loaded("PDO") === true) echo "PDO este valabil."
Can I listen to music? - Pot asculta muzica?
Me gustan las frutas dulces. - Imi plac fructele dulci.