Menu
I'm trying a very basic example of creating a div inside an already existing div.
It doesn't seem to be working when I use:
document.getElementbyId('lc').appendChild(element) but works fine when I do this:
document.body.appendChild(element) Do I need to add windows.onload function? Though it doesn't work even then!
HTML code:
<body> <input id="filter" type="text" placeholder="Enter your filter text here.." onkeyup = "test()" /> <div id="lc"> </div> </body> JS code:
function test() { var element = document.createElement("div"); element.appendChild(document.createTextNode('The man who mistook his wife for a hat')); document.getElementbyId('lc').appendChild(element); //document.body.appendChild(element); } 
233
To start, wrap a div element in another div element in your HTML. Give the inner div a class name like "child" and the outer div a class name like "parent." Then in your CSS, use the class selector .parent to style the outer div. Set its height, width, and background color.
We can use document. querySelector on to select a div and then select an element within it with the given class after that. We just call querySelector on the element with the ID mydiv to select items inside that div. Therefore, innerDiv is the div with the class myclass .
You can add <script></script> inside a DIV tag. Just check on w3c, it is valid HTML.
Your code works well you just mistyped this line of code:
document.getElementbyId('lc').appendChild(element);
change it with this: (The "B" should be capitalized.)
document.getElementById('lc').appendChild(element); HERE IS MY EXAMPLE:
<html> <head> <script> function test() { var element = document.createElement("div"); element.appendChild(document.createTextNode('The man who mistook his wife for a hat')); document.getElementById('lc').appendChild(element); } </script> </head> <body> <input id="filter" type="text" placeholder="Enter your filter text here.." onkeyup = "test()" /> <div id="lc" style="background: blue; height: 150px; width: 150px; }" onclick="test();"> </div> </body> </html>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
