Breaking News: Grepper is joining You.com. Read the official announcement!

getting and changing attributes javascript

Jeremy L answered on December 3, 2022 Popularity 5/10 Helpfulness 2/10

answer getting and changing attributes javascript

getting and changing attributes javascript

Comment

//index.html
//<body>
//  <h1>The DOM</h1>
//  <a href="https://www.google.com">Link to somewhere cool...</a>
//  <p class="error">lorwm ipsum</p>
//  <script src="sandbox.js"></script>
//</body>

sandbox.js------------------------------------------------------>
const link = document.querySelector('a');
//get an attribute
console.log(link.getAttribute('href'));
//set an attribute
link.setAttribute('href', 'https://github.com/jdleval');
link.inerText = 'My Github Repository';
//set a class and change its style
const msg = document.querySelector('p');
console.log(msg.getAttribute('class'));
//change the class attribute
msg.setAttribute('class', 'success');
//set an attribute to a non-existent attribute
msg.setAttribute('style', 'color: green;');

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: attributes javascript

Link to this answer
Share Copy Link

Contributed on Dec 03 2022

Jeremy L

0 Answers Avg Quality 2/10

getting and changing attributes javascript

Contents

More Related Answers

getting and changing attributes javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.