Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,663 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,663 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,663 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,663 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,663 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,663 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;