如何从另一个 HTML 页面获取元素

如何解决如何从另一个 HTML 页面获取元素

我对 tizen web 很陌生。我有一个从 mqtt 代理获取数据并控制 wi-fi 灯的应用程序。我有 3 页的列表页面，可以控制亮度、速度、比例。每次灯改变状态时，我都会从 mqtt 获取数据，并且我想更新每个页面中的级别。

index.html

<div class="ui-content">
    <ul class="ui-listview">
        <li class="li-has-toggle">
            <label>
                On/Off
                <div class="ui-toggleswitch" id="toggle">
                    <input class="ui-switch-input" id="t_swtch" type="checkBox" onclick="ToggleSwitch();" />
                    <div class="ui-switch-button"></div>
                </div>
            </label>
        </li>
        <li>
            <a href="brightness.html">Brightness</a>
        </li>
        <li>
            <a href="speed.html">Speed</a>
        </li>
        <li>
            <a href="scale.html">Scalse</a>
        </li>
    </ul>
</div>

brightness.html

<body>
    <div class="ui-page" id="dimmer-page">
        <div class="ui-content dimmer-content">
            <div class="ui-dimmer" id="dimmer" data-dimmer-type="BRI"></div>
            <input id="slider" data-slider-type="bri" type="range" value="50" min="0" max="100">
        </div>
    </div>
</body>

我试图从 brightness.html 像这样 document.querySelector("input[data-slider-type='bri']") 获取元素来设置值，但它返回 null。当我尝试访问 index.html document.getElementById("t_swtch") 的这个元素时，它工作正常。我需要从我的 index.html 页面访问这个元素。

解决方法

不确定是不是这样，但您的查询中可能有拼写错误。我已经尝试过与您使用的完全相同的查询，但使用结束 ) - document.querySelector("input[data-slider-type='bri']") 并返回相应的元素

如何从另一个 HTML 页面获取元素

如何解决如何从另一个 HTML 页面获取元素

解决方法

相关推荐