js学习进阶-元素获取及样式设置

var imgs = document.querySelectorAll("article img"); 获得article元素的直接或间接子孙的所有img元素, <article> <img src = "..." /> <div> <img src = "..." /> </div> </article> 获取2个img元素. 另一个方法querySelector()只返…

每天一个JavaScript实例-展示设置和获取CSS样式设置

<!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:l…

函数传参,当参数的个数不定时,可以使用arguments:表示实参集合 arguments.length=实参个数获得css样式方法: getComputedStyle()方法---->得到的是计算机计算后的样式(多次修改之后的最终样式),IE 6 7 8下兼容 style.属性 ----->操作的是元素内嵌样式,得到是内嵌样式的属性 currentStyle ----->标准浏览器不兼容注意: 不能获取复合样式.例如 :backgroud:url() color .... 单一…

js学习进阶-页面覆盖

页面覆盖以显示一条信息,照片或者常见的登录,广告, 实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> .overlay{ ba…

js学习进阶中-bind()方法

有次面试遇到的,也是没说清楚具体的作用,感觉自己现在还是没有深刻的理解! bind():绑定事件类型和处理函数到DOM element(父元素上) live():绑定事件到根节点上,(document上)Delegate(): 可动态添加事件,绑定到你指定的元素节点下面就bind()方法做一个例子实验:(已测试) window.onload = function(){ window.name = "window"; var newObject = { name : "obj…

JS学习进阶中 come on!

1,定义新的属性来扩展对象新方法:defineProperty() 实例: var data = {}: Object.defineProperty(data,"type",{ value: "primary", //设置初始值,不能改变,删除, enumerable: true //可枚举 }); console.log(data.type); //primary 特点:给对象添加一个属性而不直接赋值,使我们对于对象的行为和状态有了某些控制,…

js兼容方法：获取当前样式|计算后样式 getStyle

function getStyle(obj,attr){ if(obj.currentStyle){ //for IE return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,null)[attr]; } }…

vue学习(九) 使用内联样式设置style样式

/html <div id="app"> //对象就是无序键值对的集合 <h1 :style="{ color:red, 'font-weight':200 }">哈哈哈哈哈</h1> <h1 :style="styleObj"></h1> <h1 :style="[styleObj,styleObj2]"></h1> </div>…

js学习笔记7----return，arguments及获取元素样式

1.return:返回值 1)函数名+括号:fn() ===> return; 2) 所有函数默认返回值:undefind; 3) return后面所有的代码都不会执行; 2.arguments:实参集合 1) fn1(1,2,3); //1,2,3代表实参,实际传递的参数 function fn1(a,b,c){} //a,b,c代表形参 function fn1(){ } /…

js 设置获取css样式

先看一段代码,为了体现一会下面说的js用style获取css样式的不同一:给div设置margin-left(用style设置css样式没什么问题) box.style.marginLeft="20px"; 二:通过style获取div的css属性上面的例子用三种形式给div设置了样式 1:行间样式直接写到标签中 2:内联样式写到head头中 3:外联样式,用link加载分别获取,这三种形式设置的样式 console.log(box.style.width); console…