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

Javascript Dom [Get / Set Elements Content And Attributes]

Hossam Rashad answered on August 12, 2022 Popularity 1/10 Helpfulness 3/10

answer Javascript Dom [Get / Set Elements Content And Attributes]

Javascript Dom [Get / Set Elements Content And Attributes]

Comment

/*
  DOM [Get / Set Elements Content And Attributes]
  - innerHTML
  - textContent
  - Change Attributes Directly
  - Change Attributes With Methods
  --- getAttribute
  --- setAttribute

  Search
  - innerText
*/

let myElement = document.querySelector(".js");

console.log(myElement.innerHTML);
console.log(myElement.textContent);

myElement.innerHTML = "Text From <span>Main.js</span> File";
myElement.textContent = "Text From <span>Main.js</span> File";

document.images[0].src = "https://google.com";
document.images[0].alt = "Alternate";
document.images[0].title = "Picture";
document.images[0].id = "pic";
document.images[0].className = "img";

let myLink = document.querySelector(".link");

console.log(myLink.getAttribute("class"));
console.log(myLink.getAttribute("href"));

myLink.setAttribute("href", "https://twitter.com");
myLink.setAttribute("title", "Twitter");

Popularity 1/10 Helpfulness 3/10 Language javascript

Source: elzero.org

Tags: dom elements javascript set

Link to this answer
Share Copy Link

Contributed on Aug 12 2022

Hossam Rashad

0 Answers Avg Quality 2/10

Javascript Dom [Get / Set Elements Content And Attributes]

Contents

More Related Answers

Javascript Dom [Get / Set Elements Content And Attributes]

Grepper

Documentation

Social

Legal

Contact

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