为什么document.getElementsByClassname（）杀死Tizen Web应用程序？

Question

I have some html similar to this, using 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>

Now I try to select the two buttons with startBtn in their class attribute with JavaScript like this:

window.onload = function(){
    var startBtnList = document.getElementsByClassName('startBtn');
}

But everytime I start the debugging on the Gear S3 the Application hangs up at this line, as if it was an endless loop. I cannot see why. Does someone have a clue?

Answer 1

getElementsByClassName() returns array. Use getElementsByClassName('startBtn')[0] and getElementsByClassName('startBtn')[1] seperately.