JavaScript: Setting the style property on a div tag in IE7

https://stackoverflow.com/questions/19328490

30-06-2022
|

题

I am trying to dynamically create a div tag in JavaScript and place it in an existing div tag.

This code works fine on FF, Chrome, IE9 and IE10. The code needs to work in IE7.

When setting the style property, IE7 throws the following error:

Not implemented

Here is the code:

<html>
   <head>
   </head>
   <body>
      <div id="content"> </div>
      <script> 
         var input = document.createElement('div');

         // Above code above executes fine.
         input.style = "display: block;";  // << This code triggers
                                           // the error mentioned above

         input.className = "container";
         input.innerHTML = 'Test';
         var container = document.getElementById('content');
         container.appendChild(input);
      </script>
   </body>
</html>

Please let me know if I am overlooking something here or if this code needs to be changed when running in IE7. Thank you!

解决方案

Use this instead:

input.style.display = "block";

Though I wonder why you're trying to do this at all because block is already the default display style for a <div> element.

许可以下： CC-BY-SA 和归因

不隶属于 StackOverflow