样式表有三种：内嵌样式：<div id="box" style="color:red">box</div>，style写在html中的为内嵌样式；内联样式：<style> #box{ font-size: 25px; background-color: #ccc; } </style>在html页中直接写入<style></style>的为内联样式；外部样式：<link rel="stylesheet" href="css/style.css" />这种为外部样式。现在来测试一个小例子：<style>#box{font-size: 25px;background-color: #ccc;} </style> <div id="box...
vue 获取当前屏幕的宽度，图片等比例缩放这个是一个背景图，点击对应的圆圈就会出现一个蒙层上面显示详情，但是只要当前窗口大小变化了，因为我的蒙层大小是固定的px，所以不会变，就不在图片对应的位置了我们要绑定样式style，等后面要根据当前的屏幕来给蒙层动态设置宽高<div class="main"><div class="content"><div class="street"><router-link:to="{name:‘/streetDetails‘,query:{code:‘310151101‘}}":style="style01"cl...
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-展示设置和获取CSS样式设置</title> <style>#date{width:200px;background-color:lime;} </style> <script> function getStyle(date,cssprop,cssprop2){//IEif(date.currentStyle){return date.currentStyle[cssprop];}else if(document.defaultView && document.defaultView.getComputedSty...
1function $$(selector,context){ 2 context=context||document; 3var elements=context.querySelectorAll(selector); 4return Array.prototype.slice.call(elements); 5 } 原文：http://www.cnblogs.com/cg309/p/6230671.html
css代码如下：12a, a:link, a:visited { color:#4188FB; }a:active, a:focus, a:hover { color:#FFCC00; }js代码如下：12varlink_col = $("a:link").css("color");alert(link_col); // returns rgb(65, 136, 251)jquey貌似设置颜色，使用的是rgb格式的。用以下这个function，把rgb转成“#xxxx”(HEX )格式。12345678910111213varrgbString = "rgb(0, 70, 255)"; // get this in whatever way. varparts = rgbString .match(...
一、方法说明通过IDomObject元素，获取完整的CSS选择器，过滤HTML和BODY元素，自动将class、id添加到选择器上，优先添加class，无class再添加id。如:<html><head></head><body><div id="result"><h3 class="t"><a "="" href="http://www.baidu.com/link?url=PgEyrxusTKZjg64DFOd_qlTy4o7dXLH_26WOy1mg6JUwVE4L_KrH24eG7s49yN8R-iBqQEb80m2gLmAzab8FIK&ck=4276.4.1526360648567.0.0.250.568.0&shh=www.baidu.com&sht=ba...
原生的下拉框用vue获取值双向绑定简直不要太好用，Duang的一下就行了<div id="datePrice"><select v-model="selected" id="dataSel" class="dataSel" v-on:change="change"><option v-for="item in dateList" v-bind:value="item.date" v-text="item.date"></option></select></div>js:var VMdate=new Vue({el:‘#datePrice‘,data:{selected:‘请选择日期‘,serviceType:0,dateList:[ {‘date‘:‘2016-11‘ }, {‘date‘:‘2016-...
JavaScript获取DOM节点HTML元素CSS样式技术maybe yes 发表于2015-01-10 18:07原文链接 : http://blog.lmlphp.com/archives/59 来自 : LMLPHP后院如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值？使用过 JQuery 的童鞋一定都非常的熟悉，Jquery 提供了非常强大的 CSS 方法，可以很方便的设置和获取元素的 style 属性。某些情况下，我们不能使用 JQuery 时，就必须使用纯 JavaScript 获取元素的 style 属性值。本...
一、BOM基本操作1、查看滚动条的滚动距离 window.pageXOffset/pageYOffset // IE8和IE8以下不兼容document.body/documentElement.scrollLeft/scrollTop // 兼容性比较混乱，用时取两个值相加，因为不可能同时存在两个同时有值封装兼容性方法，求滚动条滚动距离getScrollOffset()var getScrollOffset = function() {if (window.pageXOffset) {return {x: window.pageXOffset,y: window.pageYOffset}} else {return {x: document.bod...
一个简单地额记录 .btn{background:url(images/phone.gif);background-repeat:no-repeat;background-position:-63px -40px;height:20px;width:20px;text-align:center;float:left;border:0;} 原文：http://www.cnblogs.com/mc67/p/5227322.html
关于js中style,currentStyle和getComputedStyle几个注意的地方（1）用js的style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。（2）currentStyle可以弥补style的不足（可获取内联样式，内部样式和外部样式），但是只适用于IE。（3）getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。 注意： ① currentStyle和getComputedStyle只能用于获取页面元素的样式，不能用来设...
<script> (function(){var version=‘‘;var xmlhttp;// code for IE7+, Firefox, Chrome, Opera, Safariif (window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}// code for IE6, IE5else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4&& xmlhttp.status==200){version=xmlhttp.responseText;}}xmlhttp.open("GET","test/get",false);xmlhttp.send();va...
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style> .button { height: 1em; border: 0; border-radius: .2em; background-color: #34538b; color: #fff; font-size: 12px; font-weight: bol...
原文参考http://blog.csdn.net/lzding/article/details/463177771.写在dom上的属性，内联样式 <div id="box" style="background-color:#ccc;margin-top:100px;"></div> var oBox = document.getElementById(‘box‘) console.log(oBox.style.width) 1)对于复合属性（如background），假设行间设置了样式：background-color:#333，不能通过 element.style.background 来获取（见上面例子） 2)css属性使用驼峰法，如...
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>className属性</title><style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9CF; color:b...