js怎么写样式

1. JS里添加样式 JS里添加样式的方法:
1、首先,要创建标签,使用document.createElement函数,如图创建div标签 。使用其className设置class,id设置id,style设置样式 。
2、样式的设置也可以分项进行 。如图是分项设置其left,top,display,position,width几个样式 。
【js怎么写样式】3、通过设置标签的innerHTML属性可以直接给其添加子标签以及子标签的样式 。当然,也可以分项分层添加标签 。
4、设置好标签(如图是div标签,变量名box),使用document.body.appendChild添加标签到body当中 。
5、标签添加以后,依然可以修改样式,如图是使用document.getElementById方法根据id获取标签,修改style 。
6、标签添加以后,也可以给其添加和删除event处理 。如图是使用jQuery给id为img-preview-box的标签添加hover鼠标经过的处理 。
2. JS如何写<style></style> var style = document.createElement("style");
style.type = "text/css";
style.appendChild(document.createTextNode(".aa{width:100%;}"));
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);
3. css在js里面怎么连写 要在JS中修改样式,可以这样:
var dom = document.getElementById('abc');
dom.style.padding = '8px'; //必须提供字符串,数字+单位,不能直接写数字
dom.style.margin = '0 auto';
dom.style.backgroundColor = '#0F0'; //CSS属性中的background-color之类有连字符的,去掉连字符,采用驼峰式,首字母小写,后面所有单词首字母大写
//浏览器特有属性:
dom.style.webkitAppearance = 'button'; //对应-webkit-appearance属性
4. 初学JS,各位高手,js开始的css怎么写 你到底要问的是js,还是css
思路要清楚!
js初始化:
<script type='text/javascript'>
//开始
</script>
css分三种一种是用Style直接作用在Dom元素上. 二种是定义在页面<head></head>;这间
三种是封装XXX.css页面引用!!
不懂再百度下!! 基础很重要..练习是王道!
5. 怎么在js中给文本框添加CSS样式 在页面内用JS操作CSS除非用AJAX,但操作页面内的样式的话,是可以的 。
操作样式分为改变直接样式,改变className和改变cssText三种一、局部改变样式 调用方法: 改变className测试改变直接样式测试二、全局改变样式 可以通过改变外链样式的的href的值实现网页样式的实时切换<link rel = "stylesheet" type="text/css" id="css" href="http://www.xuexi88.com/zhishi/firefox.css" /> 点我改变样式 。
6. js怎么获取css设置的样式 用document.getElementById('element').style.xxx可以获取元素的样式信息,可是它获取的只是DOM元素style属性里的样式规则,对于通过class属性引用的外部样式表,就拿不到我们要的信息了 。
DOM标准里有个全局方法getComputedStyle,可以获取到当前对象样式规则信息,如:getComputedStyle(obj,null).paddingLeft,就能获取到对象的左内边距 。但是IE不支持此方法,它有自己的一个实现方式,那就是currentStyle,不同于全局方法getComputedStyle,它是作为DOM元素属性存在的,如:obj.currentStyle.paddingLeft,在IE中就获取到对象的左内边距了,兼容性的写法如下:
return window.getComputedStyle ? window.getComputedStyle(obj,null).paddingLeft : obj.currentStyle.paddingLeft;
7. css、JS怎么写到html里面 这个是css
<style type="text/css">
table.mytable td
{
padding:10px 0;
}
</style>
这个是js
<script type="text/javascript">
function keepLogin(){
$.ajax({ url: "indexAction_keepLogin"});
setTimeout("keepLogin()",1000*60*25);
}
</script>