时间戳

首页 > 解决方案 > 如何删除未命名/已标识的元素并更改另一个父元素属性？

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:(function) 创建一个书签来自动化该过程。

标签： javascript

解决方案

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运行代码。

推荐阅读