Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Making Changes to the DOM Modifying Elements

Edmundo Ruiz
Edmundo Ruiz
3,488 Points
Posted by Edmundo Ruiz
Edmundo Ruiz
3,488 Points

I have tried several ways with no luck. Please help me. I keep trying to reset the querySelector to the anchor.

I cant seem to attach the anchor value.

app.js 
let inputValue = document.querySelector('#linkName').value;
index.html 
<!DOCTYPE html>
<html>
    <head>
        <title>DOM Manipulation</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <div id="content">
            <label>Link Name:</label>
            <input type="text" id="linkName">
            <a id="link" href="https://teamtreehouse.com"></a>
        </div>
        <script src="app.js"></script>
    </body>
</html>

8 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

It may be easier to use getElementById instead of querySelector

Edmundo Ruiz
Edmundo Ruiz
3,488 Points
Edmundo Ruiz
Edmundo Ruiz
3,488 Points

I just tried that.

Edmundo Ruiz
Edmundo Ruiz
3,488 Points
Edmundo Ruiz
Edmundo Ruiz
3,488 Points

Still no luck at all. I try selecting the link and div id and it says I selected an element but not the right one.

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

Are you including the #? One solution for the first task:

let inputValue = document.getElementById('linkName').value;
Edmundo Ruiz
Edmundo Ruiz
3,488 Points
Edmundo Ruiz
Edmundo Ruiz
3,488 Points

yes when I use querySelectors

Eduardo Valencia
Eduardo Valencia
12,444 Points
Eduardo Valencia
Eduardo Valencia
12,444 Points

So you are trying to get the value of the input element and then set it to the HTML of the anchor, right? If so, to select the anchor you have to do the following:

document.querySelector("a").innerHTML = inputValue;
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

Try textContent instead of innerHTML

Mohammed Al Qaraghuli
Mohammed Al Qaraghuli
3,170 Points
Mohammed Al Qaraghuli
Mohammed Al Qaraghuli
3,170 Points

this should work I tried the challenge and it passed 

document.querySelector('#link').innerHTML=inputValue;