js向id添加css属性值

1、jquery：

$("#id").css("background","＃000")

$("//*这个是你的id，前面要用＃，如果class就是.(点)，和写css获取一样的*//").css("//*这个是css属性color，或者background，font-size等*//","//*这个是属性值*//")

2、js:

document.getElementById("id").style.color="#000"

document.getElementById("//*这个是你的id,不要＃，只能是id不能是class*//").style.//*css属性*//="//*属性值*//"

建议用jquery

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('div').click(function () {$(this).css('color', 'blue')})。

3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。

js 根据屏幕大小调用不同的css文件；

解决方法:

首先，在head标签里面先引用一个通用的CSS文件，如下:

    <link href="Styles/Style.css" id="css" rel="stylesheet" type="text/css" />

//这时候,你会发现,这个和平常引用的CSS文件有些许不同,那就是,多加了一个ID,这里面就增加了一个id为css的id.

接下来,再弄一个js,代码如下:

 $(function () {

            //判断是否宽屏

            var winWide = window.screen.width

            alert(winWide)

            var wideScreen = false

            if (winWide <= 1024) {//1024及以下分辨率

                $("#css").attr("href", "Styles/Style1.css")

                alert('小屏')

            } else {

                $("#css").attr("href", "Styles/Style.css")

                alert('大屏')

                wideScreen = true //是宽屏

            }

})

---