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

js dom after selectors

Strange Snake answered on March 25, 2022 Popularity 6/10 Helpfulness 1/10

answer js dom after selectors

related js dom after selectors

js dom after selectors

Comment

var str = "bar";

document.styleSheets[0].addRule('p:before', 'content: attr(data-before);');

$('p').on('click', function () {
    $(this).attr('data-before', str);
});

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: dom javascript

Link to this answer
Share Copy Link

Contributed on Mar 25 2022

Strange Snake

0 Answers Avg Quality 2/10

Closely Related Answers

js dom after selectors

Comment

//set an attribute and get it in js and set value
p:before {
    content: attr(data-before);
    color: red;
    cursor: pointer;
}

$('p').on('click', function () {
    $(this).attr('data-before','bar');
});
// or

//Add/remove a predetermined class

p:before {
    content: "foo";
}
p.special:before {
    content: "bar";
}


//or 

var str = "bar";
document.styleSheets[0].addRule('p.special:before','content: "'+str+'";');

//read ::after,::before

var str = window.getComputedStyle(document.querySelector('p'), ':before') 
           .getPropertyValue('content');

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript dom

Link to this answer
Share Copy Link

Contributed on Mar 25 2022

Strange Snake

0 Answers Avg Quality 2/10

js dom after selectors

Contents

More Related Answers

js dom after selectors

Closely Related Answers

js dom after selectors

Grepper

Documentation

Social

Legal

Contact

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