menambahkan tag p setelah tag input di js

Gan gimana caranya menambahkan tag <p> setelah tag <input> pakek javascript dom jadi saya ingin menambahkan tag <p> setelah tag <input> atau di bawahnya tapi pakek javascrip dom


<input type="text" value=''>
//disini gan <p>

avatar akunyoutup
@akunyoutup

5 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

4 Jawaban:

ini maksud nya di Javascript ? gini bukan yaa maksud nyaa


'<input type="text" value="" />'+
'<p>Oke</p>'
avatar farah92
@farah92

49 Kontribusi 10 Poin

Dipost 6 tahun yang lalu


<body>
	<input type="text" value=''>
	<div id="mypara"></div>

	<script>
		var para = document.createElement("p");
		var node = document.createTextNode("This is new para.");
		para.appendChild(node);

		var element = document.getElementById("mypara");
		element.appendChild(para);
	</script>
</body>


avatar mltobing
@mltobing

114 Kontribusi 77 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

bisa juga pakai `insertBefore` dan `nextSibling` html

<input type="text" value=''>

script

var el = document.createElement("p");
el.innerHTML = "//disini gan";
var input = document.getElementsByTagName('input');
input[0].parentNode.insertBefore(el, input[0].nextSibling);

NOTE: kalau kondisi html mempunyai banyak input, gunakan getElementById

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

ok gan @rachmatsasongko,@mltobing ,@farah92 makasih atas jawabanya.

avatar akunyoutup
@akunyoutup

5 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban