js怎么动态改变style里面的border-bottom,width的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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的值，
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"; 参考技术A 不知需要怎么个改变法 设置style的值 可以取得到元素 然后 元素.style.color="#f00"的方式设置http://wenku.baidu.com/link?url=2F6et6HEg0Qyvl3i6w6_5SQfQ7PlJPxU5SQlD6dxzXv0rGZVPHexc6RZK-QcvRVwwuVu0VyQsylCaKE5IbjUKANciRTadU4_vItJwXb-YRm追问
Width的值跟剧第二的td的内容改变，，颜色又根据width 的值变化.
追答什么意思 单元格宽度根据表格内容的长度改变？那么颜色也跟着改变？表格单元格宽度可以自适应吧
追问
就是做一个这样的页面，，
可以根据百分比设置单元格宽度 设置方法可以计算出比例然后 ”<td width=‘”+比例+”%’“ 用字符串连接
或者先创建好表格 循环取单元格元素 设置style属性
颜色可以 先把颜色值范围放数组里 然后判断出范围 设置颜色
任意滚动鼠标滚轮。改变一个div的style怎么写。
任意滚动鼠标滚轮。改变一个div的style怎么写：
想实现的效果是:一滚动鼠标滚轮。一个div的style就改变。
具体怎么写呢
追答<!DOCTYPE html><html>
<head>
<title></title>
<style type="text/css">
div
height: 500px;
width: 500px;
background-color: darkcyan;
</style>
</head>
<body>
<div>
</div>
<div>
</div>
<div id="changeColor"></div>
<div></div>
<div></div>
</body>
</html>
jquery:
$(window).scroll(function()
$("#changeColor").css('backgroundColor':"#9cf")
)
);
原生javascript：
window.onscroll=function()var te=document.getElementById('changeColor');
te.style.backgroundColor='#9cf';
参考技术A 使用$(document).scrollTop(); 参考技术B 有这种嘛？页面滚动不是随着页面内容的添加而自动生成的滚动条嘛？
以上是关于js怎么动态改变style里面的border-bottom,width的值的主要内容，如果未能解决你的问题，请参考以下文章