Question

JS改变table的style

举个例子
table的id为"tableID"，已经设置了style="height:500px"
JS改变它的height
$('#tableID').style.height="1000px";

代码正确么？反正最终没有效果
报错：不能设置height

Answer 1

$('#tableID')是jquery对象，.style.height="1000px";是dom对象的方法，可以$('#tableID').css("height",1000);也可以达到dom对象$('#tableID').get(0).style.height="1000px";
document.getElementById("'#tableID").style.height="1000px"

Answer 2

如果用jquery的话$("#tableID").height(1000)
你的这种写法 是原生dom对象设置高度的写法 要$("#tableId")[0].style.height="1000px";

Answer 3

$('#tableID').css("height",1000);

Answer 4

简单实现代码如下：
var table = objj.getElementsByTagName('table');
alert(table[i].width);
if(table==null) return;
for(var i=0; i<table.length; i++) {
if(table[i].width>parseInt(objj.style.width))
{
table[i].style.width = objj.style.width;
}
}

注：table[i].width为整形，table[i].style.width为字符串。例：alert(table[i].width)输出300， alert(table[i].style.width)输出'300px'