js怎么写样式精选 - 综合知识

1. JS里添加样式

JS里添加样式的方法：

1、首先，要创建标签，使用document.createElement函数，如图创建div标签。使用其className设置class,id设置id,style设置样式。

2、样式的设置也可以分项进行。如图是分项设置其left,top,display,position,width几个样式。

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>

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="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

table.mytable td

{

padding:10px 0;

}

</style>

这个是js

function keepLogin(){

$.ajax({ url: "indexAction_keepLogin"});

setTimeout("keepLogin()",1000*60*25);

}

</script>

放入html就行，或者引用，一楼已经告诉你了

js引用例如：<script src="js/jquery.bgiframe.js" type="text/javascript"></script>

8. JS如何调用CSS样式表呢

举例1:

鼠标经过样式表变化可用于颜色变化等

举例2:

用户名：<input type="button" class="input1" onclick="this.className='input2'">

鼠标点击样式表变化

或者单独写一个javascript函数

举例3:

function ChangeStyle(idName,StyleName){

document.getElementById(idName).className=StyleName

}

</script>

<div id=Text1 class=div1>；啊哈哈哈哈</div>