detached-line.html (765B)
1 <!DOCTYPE html> 2 <style> 3 div:before { position: absolute; content: 'x'; } 4 </style> 5 <!-- 6 <img usemap="#map1"> 7 <map> 8 <caption> 9 <map name=child-map> 10 yz 11 </map> 12 </caption> 13 </map> 14 --> 15 <script> 16 window.addEventListener('load', () => { 17 const caption = document.createElement('caption'); 18 const childMap = document.createElement('map'); 19 childMap.setAttribute('name', 'child-map'); 20 const map2 = document.createElement('map'); 21 document.documentElement.appendChild(map2); 22 const img = document.createElement('img'); 23 img.setAttribute('usemap', '#child-map'); 24 childMap.appendChild(document.createTextNode('yz')); 25 document.documentElement.appendChild(img); 26 caption.appendChild(childMap); 27 map2.appendChild(caption); 28 }); 29 </script>