HTML Custom Attributes and IE

Question

Is there a way to add a custom HTML attribute to say a DIV element and then be able to use CSS attribute selectors with it in IE?

Example that works (turns into green) in FF but not in IE:

in JavaScript:

element.setAttribute('newAttr', 'green');

in CSS:

[newAttr=green] {
   background-color: green;
}

Kind regards

http://stackoverflow.com/questions/710275/how-to-add-update-an-attribute-to-an-html-element-using-javascript Above link is provide the answer for you... — Ksnrg, Feb 05 '13 at 10:06
@Ksnrg: I am really interested in accessing these created attributed using CSS attribute selectors in IE — geeko, Feb 05 '13 at 11:02

score 0 · Answer 1 · answered Feb 05 '13 at 09:56

0

You could do this:

<div id="some" data-newattr="green"></div>

answered Feb 05 '13 at 09:56

Mark

6,762
1
33
50

score 0 · Answer 2 · answered Feb 05 '13 at 10:10

0

var attribute = document.createAttribute("size");
attribute.nodeValue = "15"
document.getElementById("text").setAttributeNode(attribute);

answered Feb 05 '13 at 10:10

Ksnrg

147
1
2
9

For some reason, I tried that with CSS attribute selectors in IE and it does not work! – geeko Feb 05 '13 at 10:59

HTML Custom Attributes and IE

2 Answers2