在线等~如何用js给指定id添加样式？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在线等~如何用js给指定id添加样式？相关的知识，希望对你有一定的参考价值。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
</style>
<script type="text/javascript">
Date.prototype.diff = function (date)
return (this.getTime () - date.getTime ()) / (24 * 60 * 60 * 1000);
onload = function ()
var now = new Date ('2015/02/19 00:00:00');
var date = new Date ();
var diff = now.diff (date);
document.getElementById ('end2').innerHTML = Math.floor (diff);
</script>
</head>
<body>
距过年
<span id="end2"></span>天
</body>
</html>
想给span 添加样式color:#a00000; font-size:20px; font-weight:700; 怎么做？
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style type="text/css">
#end2
color:#a00000;
font-size:20px;
font-weight:700;
</style>
<script type="text/javascript">
Date.prototype.diff = function (date)
return (this.getTime () - date.getTime ()) / (24 * 60 * 60 * 1000);
onload = function ()
var now = new Date ('2015/02/19 00:00:00');
var date = new Date ();
var diff = now.diff (date);
document.getElementById ('end2').innerHTML = Math.floor (diff);
</script>
</head>
<body>
距过年
<span id="end2"></span> 天
</body>
</html>追问
直接加么，，，我刚才试怎么不行，把你的复制下来就行了，，无语，，给分了。
追答或者 <span id="end2" style="color:#a00000; font-size:20px; font-weight:700;"></span> 亦可 参考技术A $("#end2").css("color":"#a00000","fontSize":"20px","fontWeight":"700");追问
不灵，放到什么 地方？
追答你有没有引入jquery啊
如果没有就得用JS
var obj=document.getElementById("#end2");\
obj.style.color="#a00000";
obj.style.fontSize="20px";
obj.style.fontWeight="700";
如何用vue.js给点过的li添加单独的class
一组li，这个li不是v-for出来的。是直接写死的。为什么不用v-for，li里面的结构不一样，
给所有的li添加点击事件 tanchu（），给点击的当前li添加一个class；
现在点击之后所有的都会添加这个class；
Vue.js（读音 /vjuː/, 类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件
参考技术A data中创建一个属性i。li注册一个click事件并把$index的值传进去，在这个事件中把i赋值为$index。
然后li的v-bind:class="classname: i==$index"本回答被提问者采纳
以上是关于在线等~如何用js给指定id添加样式？的主要内容，如果未能解决你的问题，请参考以下文章
如何用Express.js & Vue.js 创建一个用比特币支付的在线商店!