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

Answer 1

您可以这样做：

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

Answer 2

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