javascript - 如何使用 javascript 选择 iframe 标签？

Question

我正在尝试为 iframe 提供样式，但它不起作用

document.getElementsByTagName("iframe").style.resize ="vertical";

我必须将此样式赋予此 iframe 标记。但是当我尝试这段代码时，它给了我这样的错误:

property 'resize' of undefined
    at editPart (c2fd0a58-2ee5-4f88-a11d-c99edf724bbe:443)
    at HTMLTableCellElement.onclick (c2fd0a58-2ee5-4f88-a11d-c99edf724bbe:1)

这是 javascript 部分:

function editPart(url) {

$("#windowEditPart").kendoWindow({
    content: {
        url: url
    }
});
var kendoWindowData = $('#windowEditPart').data('kendoWindow');
kendoWindowData.refresh();
kendoWindowData.center().open();

    window.createTimeout(() => {
         document.getElementsByClassName("k-content")[1].style.resize = "vertical";
    }, 0);
}

这里是 iframe 的 html 部分

<iframe title="Editable area. Press F10 for toolbar." frameborder="0" class="k-content" src='javascript:""'>

</iframe>

Answer 1

getElementsByTagName 返回一个集合，因此您必须选择返回数组中的第一项:

document.getElementsByTagName("iframe")[0].style.resize = "vertical";

如果你知道你可以使用的类

document.getElementsByClassName("k-content")[i].style.resize = "vertical";

您的 iframe 在具有 k-content 类的所有元素列表中的索引在哪里