Set an attribute to the div tag

Question

I have a simple code

<div class="content"></div>

I want to echo something inside the div tag using javascript to show this way

<div class="content" something></div>

I need it using javascript because I want to use a function to echo something if the screen is wider than 960px I used this answer for the second part Do something if screen width is less than 960 px

Thanks guy in advance.

Answer 1

That called attribute, to set attribute you could use the methods below.

Pure JS setAttribute() method :

element.setAttribute('name','value');

jQuery attr() method :

$(element).attr('name','value');

Example :

document.querySelector('.content').setAttribute('something',''); //Pure JS
//Or
$('.content').attr('something',''); //jQuery

Hope this helps.

Answer 2

With jQuery:

$('.content').attr('something','');

Answer 3

If you want to add the attribute if window width is greater then 960

if ( window.innerWidth > 960 ) {

    document.querySelector('.content').setAttribute('something','')

}