如何动态设置div标签的属性？

Question

我正在使用div并使用javascript为其设置属性，使用以下代码

的Javascript

var m = document.getElementById('d1');
m.setAttribute("height","50%"); 

但由于 setAttribute()属性无法设置为空引用而引发错误。

我的HTML代码

<div id="d1" style:"background-color:blue;"> 

Answer 1

您的HTML标记错误，应该是<div id="d1" style="background-color:blue;">

setAttribute的语法

element.setAttribute(name, value); 

check attribute reference

所以，javascript代码应该是

var m=document.getElementById('d1');
m.setAttribute("style","height:50%"); 

因为高度可以直接应用于以下元素<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>

直播示例 http://codepen.io/krish4u/pen/bicCL（例如，身高设置为50px在您的情况下，您可以使用%

Answer 2

m.setAttribute("style", "height: 50%");

Answer 3

更好地使用style代替setAttribute

m.style.height = "50%";  

它将是：

<div style="height: 50%;"></div>  

但是你的代码是有效的，它输出：

<div height="50%"></div>