Attribute selectors, JavaScript and IE8

Question

I\'m attempting to use attribute selectors and CSS for formatting elements.

The HTML looks like:

User Name         


        
                      

              相关标签:
       
      

Answer 1

You are setting the attribute to JavaScript true and false, not string "true" and "false". This could be interpreted by the browser as 1 and 0 and lead to unwanted results.

Can you try

node.setAttribute('highlight', 'true');

?

Answer 2

to avoid inevitable cross-browser compatibility issue's with javascript/css I would recommend using jQuery.

For example, to highlight an element via the jQuery framework this is all that it takes...

$("div").click(function () {
      $(this).effect("highlight", {}, 3000);
});

Answer 3

You're using unknown attribute hightlight. It's IE so it supports attributes according to its name (what's seems to be harder than supports every attribute name, but... it's IE).

Just use class="hightlight" - easier to implement and deal with.

Answer 4

Make sure you have DOCTYPE defined at the top of the page: Css attribute selector for input type="button" not working on IE7

Answer 5

Check to make sure you have a DOCTYPE defined at the top of your page: Css attribute selector for input type="button" not working on IE7