方法1:利用innerHTML
function fName(){
var mainDiv=document.getElementById("mainDiv");
var img=document.createElement("img");
img.src="1.jpg";
var map=document.createElement("map");
map.id="Map";
map.name="Map";
map.innerHTML="<area shape='rect' coords='40,40,80,60' href='www.google.com'/>";
mainDiv.appendChild(map);
img.useMap="#Map";
mainDiv.appendChild(img);
}
方法2:
先把map标签写好在html里,如:
<html>
<body>
<map id="Map" name="Map">
<area shape="rect" coords="40,40,80,60" href="www.google.com" />
</map>
</body>
</html>
function fName(){
var mainDiv=document.getElementById("mainDiv");
var img=document.createElement("img");
img.src="1.jpg";
img.useMap="#Map";
mainDiv.appendChild(img);
}