I just started to learn Javascript, and I’m trying to append anchor tag inside the li tag.
const li = document.createElement("li")
const Anchor = document.createElement("a")
Anchor.href = "index.html"
li.appendChild(Anchor)
This was how I did it. But when I run this,
"Failed to execute ‘appendChild’ on ‘Node’: Nodes of type ‘a’ may not be inserted inside nodes of type ‘LI’."
this error came out. How can I fix it?
>Solution :
first you need to create
an element (a
)
const li = document.createElement("li")
const Anchor = document.createElement("a")
// SET attribute
// Anchor.href = "index.html"
// OR
const linkHref = document.createAttribute("href");
linkHref.value = "index.html";
Anchor.setAttributeNode(linkHref);
li.appendChild(Anchor)