javascript - 动态更改的填充不适用于带有表单的 DIV

我正在尝试更改包含子表单的 DIV 标签的填充。下面是 HTML

 <div id="a">
   <form id="b" style="background-color:Red;height:300px">
      <input type="text" />
   </form>
 </div>

下面是 CSS

 document.onclick = function(){
    document.getElementById('a').style.padding = "1% 1% 1% 1%"    
 };

请检查 this 中的行为 fiddle 。它无法正常工作...

最佳答案

用其他名称重命名表单 id，然后尝试，您的表单和 div 具有相同的名称。

我已经 fork 了你的 fiddle jsfiddle.net/FAYvE

关于javascript - 动态更改的填充不适用于带有表单的 DIV，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12912140/