Question

js怎么动态改变style里面的border-bottom,width的值

var str="";
str+="<table border=0 align=center widt=80%>"
for(var i=0;i<10;i++){
str+="<tr ><td width=5%>"+xian(i)+"</td><td width=5%>"+xian(i)+xian(i)+"</td><td width=90%>"
+"<div style='border-bottom:4px solid #fe9522; width:45%;'></div>"+"</td></tr>";
}
str+="</table>";
在这个字符串拼接中，在每次循环时，怎么实现改变border-bottom、width的值，

Answer 1

1、首先需要获取到相应的元素，这样才能改变他的样式。获取方法可以通过getElementByID()，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。参考：http://www.w3school.com.cn/jsref/met_doc_getelementbyid.asp

2、然后就是修改元素的属性了。比如你将获取到的元素赋值给了变量a,那么修改该元素的border-bottom就是:

a.style.borderBottom="20px";

width就是：

a.style.width="200px";

Answer 2

不知需要怎么个改变法 设置style的值 可以取得到元素 然后 元素.style.color="#f00"的方式设置

http://wenku.baidu.com/link?url=2F6et6HEg0Qyvl3i6w6_5SQfQ7PlJPxU5SQlD6dxzXv0rGZVPHexc6RZK-QcvRVwwuVu0VyQsylCaKE5IbjUKANciRTadU4_vItJwXb-YRm

追问

Width的值跟剧第二的td的内容改变，，颜色又根据width 的值变化.

追答

什么意思 单元格宽度根据表格内容的长度改变？那么颜色也跟着改变？表格单元格宽度可以自适应吧

追问

就是做一个这样的页面，，

追答

可以根据百分比设置单元格宽度 设置方法可以计算出比例然后 ”<td width=‘”+比例+”%’“ 用字符串连接
或者先创建好表格 循环取单元格元素 设置style属性
颜色可以 先把颜色值范围放数组里 然后判断出范围 设置颜色