Appending anchor tag to section as well as transferring id

Asked Sep 11 '20 at 01:04

Active Sep 11 '20 at 01:04

Viewed 13 times

you guys probably resolve this quickly. I'm not really experienced in Javascript to this moment and simply want to append an anchor tag to a section and "transfer" the sections id value to the href of that specific anchor tag.

This is what I tried so far

const threadline = document.querySelectorAll(".threadline");
const threadlineID = threadline.id;
const threadlineAnchor = document.createElement("a");
threadlineAnchor.setAttribute('href', threadlineID);
threadline.appendChild(threadlineAnchor);

const threadline = document.querySelectorAll(".threadline");
const threadlineID = threadline.id;
const threadlineAnchor = document.createElement("a");
threadlineAnchor.setAttribute('href', threadlineID);
threadline.appendChild(threadlineAnchor);

<section id="description" class="threadline"></section>

asked Sep 11 '20 at 01:04

Simplicius

2,009
1
5
19

`threadlineAnchor.setAttribute('href', '#' + threadlineID);` – epascarello Sep 11 '20 at 01:08
@epascarello. Makes sense, thanks. However it still returns an error. https://codepen.io/MrFuze/pen/abNYrxR – Simplicius Sep 11 '20 at 01:09
Just a suggestion: Don't use `setAttribute` except for `data-*` attributes. Use `element.attr = value` – shreyasm-dev Sep 11 '20 at 01:10
@GalaxyCat105 huh?? Why? – epascarello Sep 11 '20 at 01:10
@epascarello Just a piece of advice for the OP – shreyasm-dev Sep 11 '20 at 01:11
@epascarello Just as a side note – shreyasm-dev Sep 11 '20 at 01:11
`document.querySelectorAll(".threadline").forEach( function(threadline) { ....... });` – epascarello Sep 11 '20 at 01:13
@epascarello, Thanks, of course I need to loop through each of them. – Simplicius Sep 11 '20 at 01:22

Appending anchor tag to section as well as transferring id

0 Answers0