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

Chuck C
Chuck C
3,957 Points
Posted by Chuck C
Chuck C
3,957 Points

I get a TypeError and I don't understand why

I get this error while running my code and I don't understand why.

First I get the input value and store it in inputValue Then I target the link a#link and store it in link.

And finally I try to change the textContent that way: link.textContent(inputValue)

And I get: TypeError: '' is not a function (evaluating 'link.textContent(inputValue)')

app.js 
var inputValue = document.querySelector('#linkName').value;
var link = document.querySelector('#link');

link.textContent(inputValue);
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>
Ben Wilson
Ben Wilson
4,323 Points
Ben Wilson
Ben Wilson
4,323 Points

try link.textContent = inputValue;

https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

textContent is a property, and not a function :)

1 Answer

Chuck C
Chuck C
3,957 Points
Chuck C
Chuck C
3,957 Points

Aaah, yes, thanks !