JavaScript JavaScript and the DOM Making Changes to the DOM Modifying Elements

This is broken

When i use the following code I get an error telling me I need to select the <a> element's text content

var inputValue = document.getElementById('linkName').value;

when I do that with this code I get an error saying that I need to select the input element by it's id and get it's value.


var inputValue = document.getElementById('link').textContent;

var inputValue = document.getElementById('linkName').value;
<!DOCTYPE html>
        <title>DOM Manipulation</title>
    <link rel="stylesheet" href="style.css" />
        <div id="content">
            <label>Link Name:</label>
            <input type="text" id="linkName">
            <a id="link" href="">content</a>
        <script src="app.js"></script>

1 Answer

Dimitar Dimitrov
Dimitar Dimitrov
10,297 Points

But did you try to select the <a> element with ID "link" textcontent like this:


and then just assign it to the variable inputValue like this:

document.getElementById('link').textContent = inputValue;