| 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 |