我有一些与此类似的html,使用TAU:
<div class="ui-page" id="initialize-page">
<div class="ui-header">
<h2 class="ui-title">Page1</h2>
</div>
<div class="ui-content">
<p>Content</p>
</div>
<div class="ui-footer ui-bottom-button">
<button class="ui-btn startBtn" id="Test1Btn">Continue</button>
</div>
</div>
<div class="ui-page" id="debug-page">
<div class="ui-header">
<h2 class="ui-title">Page2</h2>
</div>
<div class="ui-content">
<article>
<section class="contents" id="setup">
<div>
<button class="ui-btn startBtn" id="start">Start</button>
<button class="ui-btn" id="pause">Pause</button>
<textarea disabled id="infobox"></textarea>
</div>
</section>
</article>
</div>
</div>
现在我尝试使用JavaScript在类属性中选择startBtn
的两个按钮,如下所示:
window.onload = function(){
var startBtnList = document.getElementsByClassName('startBtn');
}
但是每当我在Gear S3上开始调试时,应用程序就会挂起这一行,好像它是一个无限循环。我不明白为什么。有人有线索吗?
答案 0 :(得分:0)
getElementsByClassName()返回数组。单独使用getElementsByClassName('startBtn')[0]和getElementsByClassName('startBtn')[1]。