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

What if i want to select with tag name AND id ( #inputValue input) ?

Hello,

My code is working. But there is only one input in the html, so things are quite easy. What if i want to use a css selector to select using tag name AND id ?

The code

document.querySelector('#inputValue input')

does not work.

Thanks, Théo

app.js
var inputValue;

inputValue = document.querySelector('input').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>

1 Answer

Steven Parker
Steven Parker
195,592 Points

You can combine selectors, but the tag name would come first and there would be no space ("input#linkName").

But it's a bit silly to do this, since ID's are required to be unique. So just the ID by itself will always select that specific element and no others ("#linkName").