Получить идентификатор выбранного элемента внутри div с машинописью

Question

У меня есть страница с меню.Это меню окружено div id = "tools".Я передаю div инструментов в EventHandler.Этот Evenyhandler должен выяснить, по какой записи в меню пользователь щелкнул, чтобы программа могла продолжить работу из-за выбора пользователя.

В JQuery я бы сделал что-то подобное

  $(document).click(function (event) {
        var text = $(event.target).text();
        if (text.contains("line")) {
            //DO
        } else if (text.contains("square")) {
            //DO
        }
    });

Если я использую событие.target в машинописи У меня нет возможности извлечь содержимое.

Он может отображаться с помощью console.log (event.target), но это так.

Итак, как мне получить содержимое?цели?

<div>
    <div id="tools" style="position: fixed; top: 200px; left: 800px">
        <ul>
            <li><a id="line">Line</a></li>
            <li><a id="circle">Circle</a></li>
            <li><a id="triangle">Triangle</a></li>
            <li><a id="square">Square</a></li>
        </ul>
    </div>
</div>

TS

 menu.addEventListener("click", function (event) {
        //relevant part for my question
    });

Answer 1

Вы должны разыграть event до HTMLElement вот так

var text = (<HTMLElement>evt.target).textContent;