Javascript 使用js重新调整iframe内部div的大小

试图找出在class=“col-md-4 col-sm-12”中重新调整iframe大小的方法

我尝试调整该类中的所有大小，但尝试失败

var xx = document.querySelectorAll("#homePage > div:nth-child(2) > div.col-md-4.col-sm-12 > div");

for (var i = 0; i < xx.length; i++) {
    xx[i].style.width="450px";
}

var xx=document.queryselectoral（#homePage>div:nth child（2）>div.col-md-4.col-sm-12>div”）；
对于（变量i=0；i

HTMl:

这只会给你课堂上的第一个div

您可以做的是查询div和iframe，然后可以遍历它们

var xx = document.querySelectorAll("div.col-md-4.col-sm-12 div, div.col-md-4.col-sm-12 iframe");
for (var i = 0; i < xx.length; i++) {
    xx[i].style.width="450px";
}

这只会给你课堂上的第一个div

您可以做的是查询div和iframe，然后可以遍历它们

var xx = document.querySelectorAll("div.col-md-4.col-sm-12 div, div.col-md-4.col-sm-12 iframe");
for (var i = 0; i < xx.length; i++) {
    xx[i].style.width="450px";
}

---

我不知道代码是怎么回事。您分配了col md-*类，这些类根据屏幕大小控制宽度，但随后设置了内联大小，使页面无响应。iframe应该设置为100%，但这里有太多的垃圾，无法正常工作。将其修改为“原始”。忘了我运行了jsI，我不知道代码是怎么回事。您分配了col md-*类，这些类根据屏幕大小控制宽度，但随后设置了内联大小，使页面无响应。iframe应该设置为100%，但这里有太多的垃圾，无法正常工作。将其修改为“原始”。忘了我运行js

var xx = document.querySelectorAll("div.col-md-4.col-sm-12 div, div.col-md-4.col-sm-12 iframe");
for (var i = 0; i < xx.length; i++) {
    xx[i].style.width="450px";
}

iframe{
    width: 100%;
    height: 100%;
}