Scribd
Upload
5 views

DOM Manipulation Methods in JavaScript

Uploaded by

ysirola9410
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

DOM Manipulation Methods in JavaScript

Uploaded by

ysirola9410
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

DOM Manipulation Methods

@_codevalley
Zuhaib Asif
@_codevalley Zuhaib Asif

Content Manipulation Method

innerHTML:
It is used to gets or sets the HTML content
within an element.

let element = document.getElementById("myElement");


element.innerHTML = "New content";
@_codevalley Zuhaib Asif

Content Manipulation Method

innerText:
It is used to gets or sets the text content
within an element.

let paragraph = document.getElementById("myParagraph");


paragraph.innerText = "New text";
@_codevalley Zuhaib Asif

Content Manipulation Method

textContent:
It is similar to innerText, gets or sets the text
content within an element.

let paragraph = document.getElementById("myParagraph");


paragraph.textContent = "New text";
@_codevalley Zuhaib Asif

Attribute Manipulation Method

setAttribute(name, value):
It is used to sets the value of an attribute on
an element.

let image = document.getElementById("myImage");


image.setAttribute("src", "new.jpg");
@_codevalley Zuhaib Asif

Attribute Manipulation Method

removeAttribute(name):
It is used to removes a specified attribute
from an element.

let image = document.getElementById("myImage");


image.removeAttribute("src");
@_codevalley Zuhaib Asif

Style Manipulation Method

style:
It is used to access or modifies the inline
styles of an element.

let element = document.getElementById("myElement");


element.style.color = "blue";
@_codevalley Zuhaib Asif

Style Manipulation Method

classList:
It is used to manipulates the classes of an
element.

let element = document.getElementById("myElement");


element.classList.add("newClass");
element.classList.remove("oldClass");

You might also like