[英]How to get element from another HTML page
我对 tizen web 很陌生。 我有一个从 mqtt 代理获取数据并控制 wi-fi 灯的应用程序。 我有 3 页的列表页,可以控制亮度、速度、比例。 每次当灯改变其 state 时,我都会从 mqtt 获取数据,并且我想更新每个页面中的级别。
索引.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>
亮度。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>
我试图从亮度.html 像这个document.querySelector("input[data-slider-type='bri']")
中获取元素来设置值,但它返回null
。 当我尝试访问index.html document.getElementById("t_swtch")
的这个元素时,它工作正常。 我需要从我的index.html页面访问这个元素。
不确定是不是这样,但您的查询中可能有错字。 我已经尝试过您使用的完全相同的查询,但使用结束)
- document.querySelector("input[data-slider-type='bri']")
它返回了相应的元素
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.