JavaScript/jQuery/jQuery-HTML/add.html at master · serignembayesarr/JavaScript

Repository navigation

<!DOCTYPE html>

<html>

<head>

function afterText() {

var txt1 = `<b>I </b>`; // Create element with HTML

var txt2 = $("<i></i>").text("love "); // Create with jQuery

var txt3 = document.createElement("b"); // Create with DOM

txt3.innerHTML = "jQuery!";

$("img").after(txt1, txt2, txt3); // Insert new elements after img

}

function beforeText() {

var txt1 = `<b>I </b>`; // Create element with HTML

var txt2 = $("<i></i>").text("love "); // Create with jQuery

var txt3 = document.createElement("b"); // Create with DOM

txt3.innerHTML = "jQuery!";

$("img").before(txt1, txt2, txt3); // Insert new elements before img

}

</script>

</head>

<body>

<p>Click the button to insert text after the image.</p>

<button onclick="beforeText()">Insert before</button>

<button onclick="afterText()">Insert after</button>

</body>

</html>