Question

JS 修改 样式无效

html

<div id="dd"></div>
js
$(document).ready(GO);
function GO(){
"use strict";
var d = document.getElementById("dd");
//尝试过这几种方法
d.setAttribute("width","200px");
d.setAttribute("height","200px");
d.width = "200px";
d.height = "200px";
d.width = 200;
d.height = 200;
}
css
#dd{background-color:#CCC;}

Answer 1

你好，跟你说明一下几点情况：

1. setAttribute设置的是元素的属性值，而非css属性值

2. 直接.width/.height这种，是部分元素有的功能，比如img标签，div是无效的

你可以这么做：

d.style.width = "200px";
d.style.height = "200px";

// 或者
var d = $("#dd");
d.css("width", "200px");
d.css("height", "200px");
// 这里两句等价于
d.css({width: "200px", height: "200px"});
// 也等价于
d.css("width", "200px").css("height", "200px");

希望是你想要的答案，望采纳~~

Answer 2

div 没有width和height属性，改成d.style.width = "200px";d.style.height = "200px";

Answer 3

这样来：
var d = document.getElementById("dd");
d.style.height = "200px";
d.style.width= "200px";
你少了个style

追问

谢谢