javascript - 如何通过JavaScript控制div id中的图像大小?

标签 javascript html css

这是我的风格

#frame {
    position: relative;
    width: 750px;
    height: 400px;
    overflow:hidden;
}
#frame img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}

我需要用 JavaScript 控制“#frame img”。

(注意:我不想给“#frame img”一个新的名称id)

最佳答案

在我看来你正在寻找 querySelectorAll:

var myElement = document.querySelectorAll('#frame img');

尺寸?您可以控制样式:myElement.style.width = ...

关于javascript - 如何通过JavaScript控制div id中的图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37359952/

相关文章:

javascript - 点击文件上传字段Extjs中的浏览按钮后触发事件

html - 试图让导航菜单和 Logo 在网格内对齐

html - 如何获取选中的索引,在angularjs中点击图标

javascript - 有没有办法在 CSS 中对齐多个表格中的列?

javascript - 更改 uidatepicker 月份后 Cluetip 不起作用

javascript - 使用 momentjs 检测无效时区

html - 如何在不使用 JavaScript 的情况下仅使用基于其父类的元素的某些类?

javascript - 从嵌套 <ul> 列表项中删除表行

html - 在 HTML 中定位文本

javascript - 如何将主 div 扩展到完整的浏览器窗口高度?