Tryit Editor - Free-Learn

<!DOCTYPE html>
<html>
<head>
<style>

#Text2{
 border: 2px solid red;
 color: red;
}

</style>
</head>
<body>

<button onclick="Set1();">afterbegin</button>
<br>
<button onclick="Set2();">beforeend</button>
<br><br>
<button onclick="Set3();">beforebegin</button>
<br>
<button onclick="Set4();">afterend</button>

<h2 id="Text2">Salam Khobi?</h2>

function Set1(){
 var Text_1 = "<h2>Www.Free-Learn.IR</h2>";
 var Text_2 = document.getElementById("Text2");
 Text_2.insertAdjacentHTML("afterbegin", Text_1);
}

function Set2(){
 var Text_1 = "<h2>Www.Free-Learn.IR</h2>";
 var Text_2 = document.getElementById("Text2");
 Text_2.insertAdjacentHTML("beforeend", Text_1);
}

function Set3(){
 var Text_1 = "<h2>Www.Free-Learn.IR</h2>";
 var Text_2 = document.getElementById("Text2");
 Text_2.insertAdjacentHTML("beforebegin", Text_1);
}

function Set4(){
 var Text_1 = "<h2>Www.Free-Learn.IR</h2>";
 var Text_2 = document.getElementById("Text2");
 Text_2.insertAdjacentHTML("afterend", Text_1);
}

</script>

</body>
</html>

سایت آموزشی فری لرن