Question

我正在尝试找到一种简单的方法来制作一个弹出框，该弹出框使用函数（this）;在链接中使用图像。但是我想在弹出框中更改图像的大小，但是我遇到了问题。我试图给它一个id，但这不起作用。

   function fullScreenpopup(x){
    var b = x.innerHTML;
    var divpopup = document.createElement("div");
    divpopup.innerHTML = b + '<a href = "javascript:void(0)" 
    onclick ="fullScreengetrid()">Close</a>';
    b.id = "imagepopup"; // this line does not work
    divpopup.setAttribute('class', 'white_content_philips');
    divpopup.setAttribute('id', 'popupbox');
    document.body.appendChild(divpopup);
    var popupdiv = document.createElement("div");
    popupdiv.setAttribute('class', 'black_overlay_philips');
    popupdiv.setAttribute('id', 'fadepopup');
    document.body.appendChild(popupdiv);
   }

请问任何想法？

这就是代码与

的关系

<div style="float:left;">
<a href = "javascript:void(0)" onclick ="fullScreenpopup(this)"><img 
src="acb.jpg" 
alt="abc" width="300" height="225" 
class="alignnone size-medium wp-image-1807" /></a>
</div>

Answer 1

我假设在DOM中正确分配了id，您可以通过调试器验证这一点。我认为您最大的问题是将width和height分配给HTML中的图片。这将覆盖您在CSS中所做的任何更改。尝试。

<img src="acb.jpg"
     alt="abc"
     class="alignnone size-medium wp-image-1807" />

如何使用innerHTML改变图像大小给这个id Javascript？

1 个答案: