jquery - 如何设置jquery创建的内容的图像宽度

Question

我在设置使用 jquery 自动创建的缩略图/图像的宽度时遇到了问题。

这是 jQuery 文件的代码:

                var span = document.createElement('span');
                a.appendChild(span); 
                                var img = document.createElement('img');
                img.setAttribute('src',(entry.thumbnail ? entry.thumbnail.hqDefault : ''));
                span.appendChild(img);
                var em = document.createElement('em');
                span.appendChild(em);   

你可以看到正在创建一个 img，我也可以在我的 html 上用 firebug 看到它，就像这样:

<a class="clip" style="cursor: pointer;">
<span>
<img src="http://i.ytimg.com/vi/iN9a273LvaQ/hqdefault.jpg">
<em></em>
</span>
</a>

如何在不影响我网站上的所有其他图像的情况下分配此图像的宽度？我可以在我的样式表中设置最大宽度，但这会改变我所有图像的大小，我不希望这样。如果有人能帮助我，我会很高兴......

我查看了代码中的其他样式元素，发现了这一点:

var iframe = document.createElement('iframe');
            iframe.setAttribute('id', cfg.block+'Player');
            iframe.setAttribute('type', 'text/html');
            iframe.setAttribute('width', cfg.width);

(...)

    if(!this.cfg.width){
                    this.cfg.width = 200;
                }

我想它一定是这样的，但是当我尝试做同样的事情时它对我不起作用，删除 cfg 并将其替换为 img。

Answer 1

为创建的图片添加id属性

var img = document.createElement('img');
img.setAttribute('src',(entry.thumbnail ? entry.thumbnail.hqDefault : ''));
img.setAttribute('id', 'myImage');

和你的风格

#myImage {width: 200px;}