Get Content and Attributes

SniperJs contains powerful methods for changing and manipulating HTML elements and attributes.

---

SniperJs DOM Manipulation

One very important part of SniperJS is the possibility to manipulate the DOM.

SniperJs comes with a bunch of DOM related methods that make it easy to access and manipulate elements and attributes.

DOM = Document Object Model The DOM defines a standard for accessing HTML and XML documents: "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."

---

Get Content - text(), html(), and val()

Three simple, but useful, SniperJs methods for DOM manipulation are:

• text() - Sets or returns the text content of selected elements

sniper.js

$('#button').text();

• html() - Sets or returns the content of selected elements (including HTML markup)

sniper.js

$('#div').html();

• val() - Sets or returns the value of form fields

sniper.js

$('#firstname').val();

---

Get Attributes - getAttribute()

your regular method for getting elements attributes

javascript

$('#myInput').getAttribute('type');

Click here attr() to see a full document on SniperJS attribute