如何使用innerHTML更改图像大小来为其提供一个id Javascript?
我正试图找到一种简单的方法来制作一个弹出框,该框在使用函数(this)的链接中使用图像al ready;。 但是,我想更改弹出框中图像的大小,但是我在瞄准它时遇到问题。 我试着给它一个身份证,但是没有用如何使用innerHTML更改图像大小来为其提供一个id Javascript?,javascript,html,css,Javascript,Html,Css,我正试图找到一种简单的方法来制作一个弹出框,该框在使用函数(this)的链接中使用图像al ready;。 但是,我想更改弹出框中图像的大小,但是我在瞄准它时遇到问题。 我试着给它一个身份证,但是没有用 function fullScreenpopup(x){ var b = x.innerHTML; var divpopup = document.createElement("div"); divpopup.innerHTML = b + '<a href
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);
}
功能完整屏幕弹出窗口(x){
var b=x.innerHTML;
var divpopup=document.createElement(“div”);
divpopup.innerHTML=b+“”;
b、 id=“imagepopup”;//此行不起作用
setAttribute('class','white_content_philips');
setAttribute('id','popubox');
document.body.appendChild(divpopup);
var popupdiv=document.createElement(“div”);
setAttribute('class','black_overlay_philips');
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>
我假设在DOM中正确分配了
id
,您可以通过调试器验证这一点。我认为您最大的问题是将宽度
和高度
分配给HTML格式的图像。这将覆盖您在CSS中所做的任何更改。试试看
<img src="acb.jpg"
alt="abc"
class="alignnone size-medium wp-image-1807" />
我假设在DOM中正确分配了
id
,您可以通过调试器验证这一点。我认为您最大的问题是将宽度
和高度
分配给HTML格式的图像。这将覆盖您在CSS中所做的任何更改。试试看
<img src="acb.jpg"
alt="abc"
class="alignnone size-medium wp-image-1807" />
什么是x
,这个JavaScript与什么HTML相关?很抱歉,我添加了代码在divpopup.inner…
中有一个换行符。很抱歉,我插入了换行符以便于阅读,因此人们不必滚动b
是一个字符串,因此b.id=…
不会做任何事情。你的意思可能是divpopup.id=…
什么是x
,这个JavaScript与什么HTML相关?很抱歉,我添加了代码在divpopup.inner…
的代码中有一个换行符。很抱歉,我插入了换行符以便于阅读,因此人们不必滚动b
是一个字符串,因此b.id=…
不会做任何事情。您的意思可能是divpopup.id=…