为什么在JS 中无法设置TD的style样式?

作者&投稿:涂供 (若有异议请与网页底部的电邮联系)
为什么在JS 中无法设置TD的style样式~

不是"_",,没有_ 比如css的padding-left在js中就是paddingLeft.注意两个单词之间的大写

我觉得你这个做的有点复杂了。还用js。直接出数据的时候在td里面加一个div,然后给个宽度。并且给一个css超出隐藏样式:。 样式.a{width:100px;overflow
:hidden;}

不要用id直接取元素 而且你的样式写的也不对
document.getElementById("a1").style.backgroundColor="red";

带-的要把-去掉,第二个单词首字母大写。如background-color===>backgroundColor要隐藏的话你再定个高度。

具体解决方法如下:

一、问题描述:

在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果。

看下面一段代码:

复制代码 代码如下:<style>

#name

{

display:none;

}

</style>

</head>

<body>

<div id="name" >

My name is smile.

</div>

</body>

</html>

<script>

window.onload=function(){

document.getElementById('name').style.display="";

alert("test");

}

</script>

css定义了id为name的div为隐藏,而我们在页面加载完成之后用js控制该id显示出来,这样写有错么?

木有错?可是为什么界面上还是空白呢?

二、解决方法:

记得还有一个用法是xxx.style.display="block" 那我们试试吧,

呜呼,竟然显示了!!!




北流市19150812720: 为什么在JS 中无法设置TD的style样式? -
栋许解毒: 带-的要把-去掉,第二个单词首字母大写.如background-color===>backgroundColor要隐藏的话你再定个高度.具体解决方法如下:一、问题描述:在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果.看下面一段代码:复制代码 代码如下:My name is smile.

北流市19150812720: 如何用javascript动态设置td的值? -
栋许解毒: <html><script> function setTd(){ var t1 = document.getElementById("d1"); var t2 = document.getElementById("d2"); t1.value= t2.innerHTML; }</script> <doby> <table> <tr> <td id="d1" value="我现在是空"></td> <td id="d2">把我给d1</...

北流市19150812720: javascript设置jsp页面的变量值,比如有一个String类型的变量d,那么我如何在js中设置它的值 -
栋许解毒: 直接赋值就可以 var d ="st";获取页面上的某个变量把设置的d值赋值给这个页面的变量 document.getElementById("d").value = d; 这样页面的那个值就是你在js里设置的st了(小声的说一句你说的什么意思啊)

北流市19150812720: js设置 td宽度设置怎么 -
栋许解毒: style.width=xxxx style.width=xxxx+"px"............................

北流市19150812720: 在vs2008平台下javascript里document.write()表格td样式输出不显示 -
栋许解毒: 是javascript 转义字符的问题 \' 单引号 document.write ("<td style='border:none;'></td>");应该是 document.write ("<td style=\'border:none;\'></td>");

北流市19150812720: 如何在js脚本里设置<td>的rowspan属性 -
栋许解毒: 如何在js脚本里设置的rowspan属性var td=document.getElementsByTagName("td")[0];//你需要的tdtd.rowspan="2";//这里设置即可

北流市19150812720: 在JS中如何实现让动态添加后的表格TD继承TABLE的class -
栋许解毒: 你动态添加的tr ,td 的时候 ,顺便把class属性添加进去咯 然后你写css 设置tr,td的属性咯,css的style肯定要包括table以及里面的元素的...<style type="text/css"> table tr { color:red } table td { color:blue }.tr_class{ bgcolor:red }.td_class{ ...

北流市19150812720: 怎么使用JavaScript在自定义函数里改变任意<td>的背景色 -
栋许解毒: javaScript可以通过CSS样式间接改变<td>背景颜色:1.<td>必须有id号 即<td id="td1">.( 方便javaScript调用 document.getElementById("td1"))2.CSS样式中背景颜色background-color,颜色格式#rrggbb,rgb(rr,gg,bb)(javaScript背景颜色...

北流市19150812720: 用js得到td数组,并为每个td添加onmouseover事件,这样写为什么不行啊,求解答,谢谢 -
栋许解毒: 这样循环来做事件是不行的,因为当事件执行的时候你是找不到对应的元素的.你需要的是在callback函数里面用event对象(也就是触发事件的那个对象) function change(){ var td=document.getElementsByTagName("td"); for(var i=0;i td[i]....

北流市19150812720: 在JS中如何修改<td></td>中间的值? -
栋许解毒: 在js中 document.getElementById("td1").innerHTML = "adfasdf"; document.getElementById("td1")及其上面让td加个id属性,只是让js得到该td这个对象,你可以用其它方法来得到它

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网