javascript how to get html style's custom attribute value

Question

I have html element with some inline styles plus on custom css property. now i can access every style attribute but not my custom style property.

here is my code.

<img id="myimg" class="ImgClass" style="overfolow:hidden;position:absolute;mycustomProp:100;top:15;left:20">

here i cannot get mycustomProp.

Any help?

Avinash Babu i can access custom attribute, but its not my question my question is how to get custom style property. — anerjan
– anerjan, Commented Sep 30, 2014 at 17:18
There is no custom style property. There is just an invalid CSS declaration that is ignored by a browser when it parses a style sheet. — Jukka K. Korpela
– Jukka K. Korpela, Commented Sep 30, 2014 at 17:19

FrancescoMM · Accepted Answer · 2014-09-30 17:22:25Z

1

http://jsfiddle.net/phrjwgxk/

alert(getCustomStyle("myimg","mycustomProp"));


function getCustomStyle(theId,theStyle) {
    var styles=document.getElementById(theId).getAttribute("style").split(';');
    var astyle;
    for(var i=0;i<styles.length;i++) {
        astyle=styles[i].split(':');
        if(astyle[0]==theStyle) return (astyle[1]);
    }
    return undefined;
}

answered Sep 30, 2014 at 17:22

FrancescoMM

3,0101 gold badge21 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

anerjan Over a year ago

I was just done it manually like you did. anyways thank you :)

Mandera · Accepted Answer · 2014-09-30 17:18:29Z

1

document.getElementById("myimg").getAttribute("style") to retrieve the attribute.

document.getElementById("myimg").setAttribute("style",<string>) can be used to change it.

answered Sep 30, 2014 at 17:18

Mandera

3,0873 gold badges23 silver badges30 bronze badges

1 Comment

anerjan Over a year ago

its sends the whole mixed array, mean it treat every single char as array element.

ѺȐeallү · Accepted Answer · 2014-09-30 17:28:57Z

0

check

$("#myDiv").hasAttribute(name)

get

$("#myDiv").getAttribute(name)

set

$("#myDiv").setAttribute(name)

delete

$("#myDiv").removeAttribute(name)

answered Sep 30, 2014 at 17:28

ѺȐeallү

3,0374 gold badges24 silver badges34 bronze badges

Collectives™ on Stack Overflow

javascript how to get html style's custom attribute value

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related