Chonathun Posted March 27, 2018 Report Posted March 27, 2018 I'm a beginner learning JavaScript course. Not sure this is the right place to post this topic or not. Please bear with me. I have a little project in mind. I want to do somthing like this: <div id="typingfield" class="lightgreybackground"> <p> <cha>0</cha> <cha>1</cha> <cha>2</cha> ... <cha>38</cha> <cha>39</cha> </p> </div> using this: <div id="typingfield" class="lightgreybackground"> </div> <script type="text/javascript"> var para = document.createElement("p"); var cha = document.createElement("cha"); var element = document.getElementById("typingfield"); element.appendChild(para); var text; var node; for (i = 0; i < 40 ; i++){ para.appendChild(cha); for (i = 0; i < 40 ; i++){ node = document.createTextNode(i); cha.appendChild(node); } } </script> but I got this: <div id="typingfield" class="lightgreybackground"> <p><cha>0123456789101112131415161718192021222324252627282930313233343536373839</cha></p></div> Please give me some guidance. Regards, Chonathun Quote
administrator Posted March 27, 2018 Report Posted March 27, 2018 If you want to create a set of tags, you need to create elements/tags ... for example: var para = document.createElement("p"); var node = document.createTextNode("This is new."); para.appendChild(node); So that means, for every tag, you need to create a new element. 1 Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.