本文目录一览:
js怎么删除css的行内样式
其实js很不好用的,一般都使用jquery来写,改变样式的话我会使用两种方法
使用jquery中的.css()函数改变样式,这中方法很好用,可以在触发事件的时候任意操作某个元素的样式。
自定义一个class名字,比如.yangshi{} ,在触发的事件里使用 .addclass()和.removeClass() 两个函数添加或者删除某一个class类。达到切换样式的目的,这种方法比较清晰有条理。下面给出我写的一段jquery 代码。 这个的意思是,.box元素的鼠标进入会添加一个class类yangshi,离开的时候会删除这个class类
script
$(function(){
$(".box").mouseover(function(){
$(this).addClass("yangshi");
})
$(".box").mouseout(function(){
$(this).removeClass("yangshi");
})
})
/script
safari 密码框 js怎么取消默认样式
与设置文本框默认值的方法一样,设置密码框的value属性。
//普通设置
document.getElementById("pass_ipt").value="123456";
//jquery
$("#pass_ipt").val("123456");
//要显示密码框的内容,可以将密码框改为普通文本框
document.getElementById("pass_ipt").type="text";
笔记:JS设置CSS样式的几种方式
1、直接更改,比如:
xID.style.display = "block"; // 更改display属性,会覆盖css中的定义。
xID.style.display = ""; // 取消js更改display属性,以css样式为准。
这里的xID,是通过id获取的标签。当然,也可能是通过tagName之类的获取的标签。
这种方式,简单直接。但是要修改大量的样式的时候,不适合。所以,我更推荐第二种方式。
2、更改类名
xID.className = "xx yy";
如果有多个类,就用空格隔开。前提,在样式中要有已有类的定义。比如这里的xx和yy类,在css中应该是写好的。
这种方式把所有的样式写在了css文件中,适合更改较多的样式以及炫酷的样式。js就只做一件事情:改类。至于这个类会把标签变成什么样子,交给css吧。
通过jquery也可以达到如上的效果:
$("#xID").css({
fontSize:"12px",
display:"block"
}); // 直接更改样式
$("#xID").addClass("xx"); // 增加删除类
$("#xID").removeClass("xx");
js怎么去除 img 中style样式
document.querySelector("img").style = "";
直接这么设置 图片的样式就会被清楚了
js删除css样式
1、如果使用class加的样式的话,可以使用document.getElementById("objid").className=""来清空样式;
2、如果是直接加的style="***"属性的话,可以使用document.getElementById("box").style.cssText = ""来清空样式。