1.查找节点介绍

　　

 

2.创建节点

　　

 

3.插入节点

　　

　　　　

 

4.程序（查找，并操作属性与文本节点）

1  2  3  4 
      5  6  7 21 22 23     
你喜欢哪个城市?
24     
     
      25         
      
北京
26         
      
上海
27         
      
东京
28         
      
首尔
29     
     
30     31     
你喜欢哪款单机游戏?
32     
     
      33         
      
红警
34         
      
实况
35         
      
极品飞车
36         
      
魔兽
37     
     
38 39     gender:40     Male41     Female
42     43     name:44     45 46 

 

5.程序（前后添加节点）

1  2  3  4 
      5  6  7 20 21 22     
你喜欢哪个城市?
23     
     
      24         
      
北京
25         
      
上海
26         
      
东京
27         
      
首尔
28     
     
29     30     
你喜欢哪款单机游戏?
31     
     
      32         
      
红警
33         
      
实况
34         
      
极品飞车
35         
      
魔兽
36     
     
37 38     gender:39     Male40     Female
41     42     name:43     44 45 

 

6.程序（插入节点）

1  2  3  4 
      5  6  7 19 20 21     
你喜欢哪个城市?
22     
     
      23         
      
北京
24         
      
上海
25         
      
东京
26         
      
首尔
27     
     
28     29     
你喜欢哪款单机游戏?
30     
     
      31         
      
红警
32         
      
实况
33         
      
极品飞车
34         
      
魔兽
35     
     
36 37     gender:38     Male39     Female
40     41     name:42     43 44 

 

二：练习

1.需求

　　需求1: 点击 submit 按钮时,　检查是否选择 type, 若没有选择给出提示: "请选择类型";

　　// 检查文本框中是否有输入(可以去除前后空格), 若没有输入,则给出提示: "请输入内容";

　　//若检查都通过, 则在相应的 ul 节点中添加对应的 li 节点

　　需求2: 使包括新增的 li 都能响应 onclick 事件: 弹出 li 的文本值.

  

2.程序

1  2  3  4 
      5  6  7 46 47 48     
你喜欢哪个城市?
49     
     
      50         
      
北京
51         
      
上海
52         
      
东京
53         
      
首尔
54     
     
55     56     
你喜欢哪款单机游戏?
57     
     
      58         
      
红警
59         
      
实况
60         
      
极品飞车
61         
      
魔兽
62     
     
63 64     
     
      65         
      城市 
      游戏66         name: 
       
      67     
     
68 69