<ul>
    <li>チョコレート</li>
    <li>バニラ</li>
    <li>ストロベリー</li>
    <li>バナナ</li>
</ul>

上記の<li>がクリックされたとき、liが何番目であるかJavascript（jQueryは使わない）で取得したいです。
方法ご存知のかたがおられましたらご教示お願いします。