如何使用innerHTML更改图像大小来给它一个id Javascript

How to give this an id Javascript using innerHTML changing image size?

本文关键字：Javascript id 一个 innerHTML 何使用 图像      更新时间：2024-01-24

我正试图找到一种简单的方法来制作一个弹出框，该框使用函数（this）；在链接中使用图像；。然而，我想更改弹出框中图像的大小，但我在瞄准它时遇到了问题。我试着给它一个身份证，但没有用。

   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>

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

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