如何删除无标题/已标识元素并更改其他父元素属性?

时间:2019-05-29 16:42:29

标签: javascript

我有一个通过局域网连接访问的网页,用于屏幕共享服务,该页面提供了功能性不必要的控制面板形式,并减小了共享屏幕的大小。我一直在通过chrome的检查面板手动编辑元素,以删除所述控制面板并最大化共享屏幕的大小和位置。

由于不熟悉javascript,我曾尝试使用get elementByID和parentNode功能,但是删除该元素的尝试始终失败。

<html>
    <head>
        <title>ScreenStream</title>
    </head>
    <frameset cols="208px, *" frameborder="1">
        <div id="i4c-draggable-container" style="position: fixed; z-index: 1499; width: 0px; height: 0px;">
            <div data-reactroot="" class="resolved" style="all: initial;">
            </div>
        </div>
        <frameset rows="15%, 208px, *">
            <frame src="1" name="frHeader" scrolling="auto" noresize="" marginwidth="0" marginheight="0">
            <frame src="2" name="frCamera" scrolling="no" marginwidth="0" marginheight="0">
            <frame src="3" name="frControl" scrolling="no" noresize="" marginwidth="0" marginheight="0">
        </frameset>
        <frame src="4" scrolling="auto" name="frScreen" marginwidth="0" marginheight="0">
        <div id="i4c-dialogs-container">
        </div>
    </frameset>
</html>

我一直在手动删除“ <frameset rows="15%, 208px, *">”元素,并将“ <frameset cols="208px, *" frameborder="1">”更改为“ cols=100%”,它已达到我的目的,但是我一直在寻找创建带有javascript :(函数)的书签来自动执行该过程。

1 个答案:

答案 0 :(得分:0)

javascript:(function()%7Bdocument.querySelector('frameset%5Brows%3D%2215%25%2C%20208px%2C%20*%22%5D').remove()%3B%20document.querySelector('frameset%5Bcols%3D%22208px%2C%20*%22%5D').setAttribute('cols'%2C%20'100%25')%7D)()

按照Panther的建议,我设法确定了javascript的功能行,以允许选择所需的框架集。经过一番测试之后,Chrome似乎希望以一种既定格式运行,并要求我通过Mr.Coles' Bookmarklet Creator运行代码。