Mittels JavaScript ein Span Element anklicken

[Sebi85]

Hallo Zusammen,

ich habe folegenden HTML Code

<div class="row toggle-demo">
    <label class="switch-light-gray switch-holo-gray">
        <input type="checkbox" id="myCheckBox" onClick="fnCheckBox()">

        <span class="large-3 columns float-left">
            <span onclick="Start()" id="spanStart">Start</span>
            <span onclick="Stop()" id="spanStop">Stop</span>
            <a></a>
        </span>
    </label>
</div>

MIttels eines Buttons führe ich folgenden JavaScript Code aus:

document.getElementById('myCheckBox').click();

Dann wird die Funktion der Checkbox "fnCheckBox ausgeführt. Das gleiche würde ich jetzt gerne für eins der Span Elemente machen, allerdings wird bei einem

document.getElementById('spanStart').click()

nicht die Funktion Start() ausgeführt.

Gibt es eine Möglichkeit, die Funktion, die im Span hinterlegt ist auszuführen, wenn der Span über JavaScript Code angeklickt wird? (Nicht durch einen Mausklick)

Vielen Dank

 

[YCbCr]

Das gleiche würde ich jetzt gerne für eins der Span Elemente machen, allerdings wird bei einem document.getElementById('spanStart').click() nicht die Funktion Start() ausgeführt.

Das sollte eigentlich funktionieren…

Mit folgendem "minimalen" Testdokument lässt sich dein Problem jedenfalls nicht reproduzieren:
Mit dem angehängten und gezippten Testdokument, das hier nicht eingebettet ist, weil das Forum es für einen XSS Angriff hält lässt sich dein Problem jedenfalls nicht reproduzieren.

Getestet mit Gecko (Firefox 106), Blink (Chromium 107) und WebKitGTK (GNOME Web 43)