OLD | NEW |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 </head> | |
5 | |
6 <body> | |
7 | |
8 <style> | 1 <style> |
9 area { | 2 area { |
10 display: inline; | 3 display: inline; |
11 } | 4 } |
12 </style> | 5 </style> |
13 | |
14 <p>When an anchor tag catch 'href' attribute or release 'href' attribute, distri
bution should happen.</p> | 6 <p>When an anchor tag catch 'href' attribute or release 'href' attribute, distri
bution should happen.</p> |
15 | |
16 <div id="host1"></div> | 7 <div id="host1"></div> |
17 <div id="host2"></div> | 8 <div id="host2"></div> |
18 | |
19 <script> | 9 <script> |
20 function createArea(href, textContent) | 10 function createArea(href, textContent) |
21 { | 11 { |
22 var area = document.createElement('area'); | 12 var area = document.createElement('area'); |
23 if (href) | 13 if (href) |
24 area.setAttribute('href', href); | 14 area.setAttribute('href', href); |
25 area.appendChild(document.createTextNode(textContent)); | 15 area.appendChild(document.createTextNode(textContent)); |
26 | 16 |
27 return area; | 17 return area; |
28 } | 18 } |
29 | 19 |
30 var area1 = createArea('http://www.example.com/', 'Anchor 1'); | 20 var area1 = createArea('http://www.example.com/', 'Anchor 1'); |
31 var area4 = createArea('http://www.example.com/', 'Anchor 4'); | 21 var area4 = createArea('http://www.example.com/', 'Anchor 4'); |
32 | 22 |
33 host1.appendChild(area1); | 23 host1.appendChild(area1); |
34 host2.appendChild(area4); | 24 host2.appendChild(area4); |
35 </script> | 25 </script> |
36 </body> | |
37 </html> | |
38 | |
OLD | NEW |