js中控制style的语句写法

Question

JSP中定义一个
<input type="text" id="abc" style="visibility:hidden"/>在js中要怎么写去重定义这个text的style属性，还有怎么写能删除这个属性
同样的写法适不适用于div和select框

Answer 1

<script type="text/javascript">
window.onload = function(){
  var o_input = document.querySelector("#abc");
  o_input.onclick = function(){
    o_input.style.visibility = "你要修改的值";//重新定义visibility属性值
    o_input.removeAttribute("style");//删除style这个属性;注:适用于任何节点
  }
}
</script>自己去下个DHTML文档，不会的自己慢慢查。

Answer 2

+1 Lz需要了解基础知识
js中原生的操作属性的大致有以下几种
对象.setAttribute(属性名称,值);//用来设置对应属性的值，当值为空时，这个属性的值被清空。如果你用此方法来设置style，那设置以后，之前的所有属性被清空，只保留你最新添加的值。所以不推荐使用这种方法去设置style中的属性;比如你要设置边框，你应该使用：对象.style.border='';
对象.getAttribute(属性名称);//用来获取指定属性的值
对象.removeAttribute(属性名称);//用来移除指定的属性
对象.getAttributeNode(属性名称);//这个是将指定的属性封装成了节点(node)来操作

Answer 3

js中写css最方便的方法
用document.getElementById("sd").style.cssText