查找区域的 href 属性的路径名部分

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <img src="/i/eg_planets.jpg"
  6. usemap="#planetmap" />
  7.  
  8. <map name="planetmap">
  9. <area
  10. id="venus"
  11. shape="circle"
  12. coords="180,139,14"
  13. href ="/example/html/venus.html"
  14. alt="Venus" />
  15. </map>
  16.  
  17. <p>单击按钮以显示图像映射中“venus”区域的 href 属性的路径名。</p>
  18.  
  19. <button onclick="myFunction()">试一试</button>
  20.  
  21. <p id="demo"></p>
  22.  
  23. <script>
  24. function myFunction() {
  25.   var x = document.getElementById("venus").pathname;
  26.   document.getElementById("demo").innerHTML=x;
  27. }
  28. </script>
  29.  
  30. </body>
  31. </html>