Javascript DOM HTML Area host Property get

Introduction

The host property sets or gets the host name and port part of the href attribute value.

Return the hostname and port number of the URL for a specific area in an image-map: 

var x = document.getElementById("myArea").host;

Click the button to display the hostname and port of the href attribute value for the myArea area in the image-map.

View in separate window 

<!DOCTYPE html>
<html>
<body>

<img src="image1.png" width="100" height="100" usemap="#myFlagMap">

<map name="myFlagMap">
  <area id="myArea" 
        shape="circle" 
        coords="50,50,40" 
        alt="Target" 
        href="https://www.java2s.com:80/index.html#description">
</map>/*w ww.  j  a v a  2  s.c  om*/

<button onclick="myFunction()">Test</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("myArea").host;
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>



PreviousNext

Related