JavaScript:在IE7中设置div标签的style属性

时间:2013-10-11 22:58:27

标签: javascript html dynamic internet-explorer-7 dynamic-data

我正在尝试在JavaScript中动态创建div标记,并将其放在现有的div标记中。

此代码适用于FF,Chrome,IE9和IE10。代码需要在IE7中工作。

设置样式属性时,IE7会引发以下错误:

  

未实施

以下是代码:

<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>

如果我在这里忽略了某些内容,或者在IE7中运行时需要更改此代码,请告诉我。谢谢!

1 个答案:

答案 0 :(得分:3)

请改用:

input.style.display = "block";

虽然我想知道你为什么要这样做,因为block已经是<div>元素的默认显示风格。