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";http://wenku.baidu.com/link?url=2F6et6HEg0Qyvl3i6w6_5SQfQ7PlJPxU5SQlD6dxzXv0rGZVPHexc6RZK-QcvRVwwuVu0VyQsylCaKE5IbjUKANciRTadU4_vItJwXb-YRm追问
Width的值跟剧第二的td的内容改变，，颜色又根据width 的值变化.
追答什么意思 单元格宽度根据表格内容的长度改变？那么颜色也跟着改变？表格单元格宽度可以自适应吧
追问
就是做一个这样的页面，，
可以根据百分比设置单元格宽度 设置方法可以计算出比例然后 ”<td width=‘”+比例+”%’“ 用字符串连接
或者先创建好表格 循环取单元格元素 设置style属性
颜色可以 先把颜色值范围放数组里 然后判断出范围 设置颜色
javaScript 改CSS 样式 style.border-bottom 问题
用Javascript来控制CSS属性时，是驼峰式写法，即：去掉短横线，除第一个单词全部小写外，其余单词的首字母大写。你的这个例子的正确写法是：document.getElementById("shui2").style.borderBottom="1px solid #000000";完整实例：<div id="shui2">文字内容。<\/div> <script type="text\/javascript"> ...
JS或Jquery动态改变导航栏样式
js怎么实现点击一个按钮时样式改变,直到点击下一个按钮时原先的样式没有,当前按钮显示那个样式。我用的方法是:functionchangeStyle(){$(“#menu1”).attr("class","样式");}这个是... js怎么实现点击一个按钮时样式改变,直到点击下一个按钮时原先的样式没有,当前按钮显示那个样式。我用的方法是:function chang...
跪求JS动态改变层的style.left属性使其水平移动的例子
myDIV.style.left = document.body.scrollLeft + event.clientX;} \/*如果从鼠标位置到窗口下边的空间小于DIV的高度，就定位DIV的上坐标（Top）为当前鼠标位置向上一个DIV高度*\/ if (bottomedge < myDIV.offsetHeight){ myDIV.style.top = document.body.scrollTop + event.clientY - myDIV.offsetH...
javascript 改变指定css样式
一、局部改变样式 有三种方法：直接改变样式、改变className和改变cssText 改变className： document.getElementById('obj').className="…"改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";改变直接样式： document.getElementById('obj').style.back...
关于JS中的getAttribute方法
width并不是img的属性 style.width这样才能获取到。myimg1.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;
JS DOM 编程复习笔记 -- 操作style样式、class、getComputedStyle(十一...
getComputedStyle()方法是window对象的一个方法，返回指定元素的样式对象。接受两个参数。例如，获取:hover状态a标签的所有CSS属性样式值，传递:hover参数。返回一个样式对象，是CSSStyleDeclaration对象的实例。获取元素宽高 通过元素的offsetWidth和offsetHeight属性获取包含padding和border的元素宽度与高度。client...
使用js对div的style属性进行动态赋值问题,
div1.style.XX这种方式获取，对于外部引入或写在<style><\/style>的css，可以试下通过下面的方式获取;<script type="text\/javascript"> function getCss(elem , prop){ if(window.addEventListener){ var computedStyle = document.defaultView.getComputedStyle(elem, null); return compute...
js 动态改变background:url()值
电脑、浏览器、ultraedit。1、在ue编辑器中新建一个空白的html文件，js文件。2、在ue编辑器中输入以下html代码。3、在ue编辑器中输入以下js代码。4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。5、在浏览器中打开此html文件，可以看到最终想要实现动态改变background:url()值效果。
...当点击单选按钮1使得层的border-bottom消失,层的border-top显示...
checkbox02").onclick=function(){ document.getElementById("div01").style.borderBottom="1px solid #000";document.getElementById("div01").style.borderTop="0 none";} 应该是这样，我没去试验，建议你用个jQuery什么的框架，直接js操作DOM太麻烦了。一定是单选框哦，复选还得判断是否选中。
php或者JS或者CSS怎么删除ul中最后一个li的border-bottom
php是后台语言，一般不用作前台样式的chuli，javascript或者CSS删除ul中最后一个li的border-bottom样式的方法如下：javascript：obj.style.borderBottom = "none";jquery：$("ul#test li:last-child").css("border-bottom","none");css：ul#test li:last-child{border-bottom: none;} jquery和css的...
