年初的一个公司的面试题目我没有做出来！

Question

用outerHTML就可以了     document.images[0].outerHTML = "<a href='' target='_blank'><img src='1.jpg'></a>";outerHTML想加什么都行, 高兴了你在document.images[0]外面加个<DIV>都可以.

Answer 1

双击时,弹出一个div,里面显示img,DIV不设置大小时,img会使用原大小将div撑开,撑开后,
div就有了offsetHeight,offsetWidth,与指定大小比较,再去缩放DIV和图片.var img=document.getElementsByTagName("img");
var len=img.length;
for(i=0;i<len;i++){
    img[i]["ondblclick"]=function(){
        var div=document.createElement("div");
        div.style.position="absolute";
        //设置DIV位置
         ...
        //加载图片
         ...
        //得到div的offsetWidth
        //比较指定大小与图片原大小
         //缩放图片及DIV
        //生成关闭DIV的"关闭"按钮
    }}另外,这家公司的面试题不好,web页面中,用户的默认体验只有单击,没有双击.

Answer 2

题目出的是不大恰当，就连给你的html也是很不规范的。但你没做出来确实是你实力不足~

Answer 3

我是用DOM做的：
window.onload=ppshow2;
function ppshow2(){
   var img1=document.createElement("<img src='img/1.jpg'>");
   var ahref1=document.createElement("<a href='img/1.jpg' target='_blank'></a>");
   ahref1.appendChild(img1);
   var img2=document.createElement("<img src='img/2.jpg'>");
   var ahref2=document.createElement("<a href='img/2.jpg' target='_blank'></a>");
   ahref2.appendChild(img2);
   while(document.body.childNodes[0])document.body.removeChild(document.body.childNodes[0]);
   document.body.appendChild(ahref1);
   document.body.appendChild(ahref2);
   for(i=0; i <document.images.length;i++) 
{ 
if(document.images[i].width>30) 
{ 
document.images[i].width=30; 
document.images[i].title="点击查看原始图片";
} 
    } 
}