Document Object Module DOM createElement and createTextNode Methods tutorial in JavaScript

October 09, 2024

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DOM createElement createTextNode Traversal Methods JavaScript</title>
    <link rel="stylesheet" href="css/DOM_createElement_createTextNode_Methods_JavaScript.css">
</head>

<body>
    <h1>Hello World : DOM Create Methods</h1>
    <script src="js/DOM_createElement_createTextNode_Methods_JavaScript.js"></script>
</body>

</html>




Below File is css/DOM_createElement_createTextNode_Methods_JavaScript.css File
h1 {
    text-align: center;
    color: #ff0000;
}




Below File is js/DOM_createElement_createTextNode_Methods_JavaScript.js File
var newElement = document.createElement("p");
console.log(newElement);

var newTwoElement = document.createElement("h2");
console.log(newTwoElement);

var newText = document.createTextNode("This is just text which is TextNode.");
console.log(newText);

var newText = document.createComment("This is comment.");
console.log(newText);