第三章 循环 样式操作

原创 2017年10月11日 22:05:19

循环

for(var i=0;i<length;i++){
    //相关业务
}
注意:
for(var i =0;i<4;i++){ 该循环做的事情是 循环绑定事件  并没有弹出
    liDoms[i].onclick = function(){
        alert(i);//当点击时 i的值为最后一次循环的值
    }
}
while(条件){
    //相关业务 
}
do{
    //相关业务
}while(条件)

break:跳出当前循环 并结束后边的循环;
continue:跳出当前循环 并执行后边的循环。


自定义标签属性

标签存在天生自带的属性,我们可以直接通过对象.属性的方式进行查看。
<div id="box1" class="box2" title="three" pzj="123"></div>
var boxDom = document.genElementById("box1");
//获取
alert(boxDom.id);//box1
alert(boxDom.class);//undefined  class为关键字
alert(boxDom.className);//box2 class属性比较特殊
//设置
boxDom.id = "box2";
boxDom.className = "box1;

alert(boxDom.pzj);//undefined  不是标签自带的
自定义标签属性:写在标签里边的属性,该标签本身不存在的,称为自定义标签属性;(可以看到)
通过:boxDom.setAttribute(属性名,值)
boxDom.getAttribute(属性名)此方法能够获取标签天生自带的属性,同时也能够获取自定义标签属性的值 boxDom.getAttribute("pzj");值为123
boxDomremoveAttribute(属性名)

boxDom.pzj = "234";
alert(boxDom.pzj);//234
自定义属性:给boxDom扩展了一个叫pzj的属性(看不见)

自定义标签属性和自定义属性存在的目的:为了给标签做记号或者存值。

样式操作

<div id="box" ></div>
var boxDom = document.genElementById("box");
boxDom.style.width = "100px";//只能写到行内样式中
boxDom.style.marginLeft = "50px";//复合样式 margin-left采用驼峰命名
boxDom.style.cssText = "background:red;height:40px;";//写多条
//如何写到行间
document.getElementsByTagName("style")[0].innerHtml = "";

问题:var bg = "background";
boxDom.style.bg;// 这种写法错误undefined
boxDom.style[bg];//正确
**[]的使用 只要用点的方式都可以用[字符串]的形式**

函数的简单认识

var obj = new Object();
alert(obj.constructor);//可以查看构造器

函数的书写方法:
1.定义式:function 函数名(参数){ }
2.表达式:var 变量名 = function(参数){ }

function add(){
}
//触发
1.add();
2.document.getElementById("btn").onclick = add;
3.document.getElementById("btn").onclick = function(){
    add();
}
function xq(){ }
var xq;
alert(xq);//弹出的是function...

function xq(){ }
var xq = 1;
alert(xq);//弹出的是1
总结:当变量只定义未赋值时,函数名和变量名相同时 函数名的优先级高
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

第三章:CSS中的样式选择器

1.通用选择器 通用选择器是一个星号,它类似于通配符,匹配文档中所有的标签: 2.HTML选择器 3.类选择器 4.ID选择器 5.后继选择器(关联选择器) 6.组合选择器 7.伪元素选择器...

深入XSLT第三章 --- 样式表结构

深入XSLT第三章 --- 样式表结构 在XML文件中样式表用元素xsl:stylesheet来表示. XSL处理器处理源文件和样式表时都必须采用XML的名域(Namespace...

Libevent参考手册第三章:与事件循环一起工作

Libevent参考手册第三章:与事件循环一起工作Nick Mathewson  著晨星           翻译老衣           整理1 运行循环一旦有了一个已经注册了某些事件的event_...

翻译:Libevent参考手册第三章:与事件循环一起工作

翻译:Libevent参考手册第三章:与事件循环一起工作  (2011-04-05 16:40:38) 转载 标签:  libevent   网络编程  ...

数据结构 第三章-- 循环队列(队列的顺序表示和实现)

为充分利用向量空间,克服“假溢出"现象的方法是:将向量空间想象为一个首尾相接的圆环,并称这种向量为循环向量。存储在其中的队列称为循环队列(Circular Queue)。      循环队列中,由于...

第三章数程序设计初步--循环结构项目5贪财的富翁

上机内容:一个百万富翁遇到一个陌生人,陌生人找他谈一个换钱的计划,该计划如下:     我每天给你十万元,而你第一天只需给我一分钱,第二天我仍给你十万元,你给我两分钱,第三天我仍给你十万元,你给我四分...

【第三章】 DI 之 3.2 循环依赖 ——跟我学spring3

3.2.1  什么是循环依赖        循环依赖就是循环引用,就是两个或多个Bean相互之间的持有对方,比如CircleA引用CircleB,CircleB引用CircleC,CircleC...

C语言进阶_笔记 第三章 选择结构和循环结构的程序设计

这一章看了下,没有什么很值得注意的地方。对几个点稍稍备注下即可。 1.在if的条件表达式中通常把常量放在“==”的左边,这样如果将“==”误写为“=”时编译器会报错。 2.else语句的配对:就近原则...

Libevent参考手册第三章:与事件循环一起工作 (五)

译自http://www.wangafu.net/~nickm/libevent-book/Ref3_eventloop.html 转自:http://blog.sina.com.cn/s/blog...

第三章:ObjectC循环

5、程序循环 一个Object-C项目,你能够不断重复执行一段代码用相同的方式。本章讲循环的功能。 for循环、while循环、do循环。 下面我们将要开始一个简单的例子:来计算数字。 #import...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第三章 循环 样式操作
举报原因:
原因补充:

(最多只允许输入30个字)