Dynamically create links in the li element using JavaScript. Home About Contact
Dynamically create links in the li element using JavaScript. <html> <body> <p> Dynamically create links in the li element using JavaScript.</p> <ol> <li>Home</li> <li>About</li> <li>Contact</li> </ol> <script> const lists = document.querySelectorAll("ol li"); for(let i = 0; i<lists.length; i++) { let text = lists[i].innerText; lists[i].innerText = ""; let newA = document.createElement("a"); newA.href = "#"+text; newA.innerText = text; lists[i].appendChild(newA); } </script> </body> </html> You may like these posts : Write Your Comment
Dynamically create links in the li element using JavaScript. <html> <body> <p> Dynamically create links in the li element using JavaScript.</p> <ol> <li>Home</li> <li>About</li> <li>Contact</li> </ol> <script> const lists = document.querySelectorAll("ol li"); for(let i = 0; i<lists.length; i++) { let text = lists[i].innerText; lists[i].innerText = ""; let newA = document.createElement("a"); newA.href = "#"+text; newA.innerText = text; lists[i].appendChild(newA); } </script> </body> </html>
You may like these posts :