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

的所有元素列表中的索引

如何用javascript选择iframe标签？

1 个答案: