html_day4 隔行换色 全选 二级联动

1.隔行换色

        
            


    
        
            


--------------------------------------------

----------------------------------
高亮显示

HTML代码：
复选框前面的：
   

下面所有的复选框：

4.dom

• Document:整个html文件都成为一个- -- document文档
• Element:所有的标签都是Element元素
• Attribute：标签里面的属性
• Text：标签中间夹着的内容为text文本
• Node:document、element、attribute、text统称为节点node.
• 每个载入浏览器的 HTML 文档都会成为 Document 对象。

Paste_Image.png

后面两个方法获取之后需要遍历！
以下两个方法很重要，但是在手册中查不到！
创建文本节点：document.createTextNode()
创建元素节点：document.createElement()

• html页面中所有的标签都是element元素

element.appendChild()   向元素添加新的子节点，作为最后一个子节点。
element.firstChild  返回元素的首个子节点。
element.getAttribute()  返回元素节点的指定属性值。
element.innerHTML   设置或返回元素的内容。
element.insertBefore()  在指定的已有的子节点之前插入新节点。
element.lastChild   返回元素的最后一个子元素。
element.setAttribute()  把指定属性设置或更改为指定值。
element.removeChild()   从元素中移除子节点。
element.replaceChild()  替换元素中的子节点。

• html页面中所有标签里面的属性都是attribute

Paste_Image.png

5.添加城市

       

    HTML代码


    
北京
    
上海
    
广州

6.省市二级联动

事件(onchange)
使用一个二维数组来存储省份和城市(二维数组的创建？)
获取用户选择的省份(使用方法传参的方式：this.value)
遍历数组(获取省份与用户选择的省份比较，如果相同了，继续遍历该省份下所有的城市)
创建文本节点和元素节点并进行添加操作

createTextNode()
createElement()
appendChild()
-------


Html代码：

    --请选择--
    湖北
    湖南
    河北
    河南


    

7.一些对象创建

• javascript内置对象

Paste_Image.png

• Array对象

Paste_Image.png

数组的特点：
长度可变！数组的长度=最大角标+1

• Boolean对象

Paste_Image.png

如果value 不写，那么默认创建的结果为false

• Date对象
  getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
  解决浏览器缓存问题(浏览器默认会返回历史记录中的网站而不是新的)
• String对象

match() 找到一个或多个正则表达式的匹配。
substr()    从起始索引号提取字符串中指定数目的字符。
substring() 提取字符串中两个指定的索引号之间的字符。
例子：

• RegExp对象
  正则表达式对象
  test 检索字符串中指定的值。返回 true 或 false。
• 全局函数

Paste_Image.png