nth child нажмите javascript, чтобы открыть новую веб-страницу

Question

Мне нужен код, который откроет новую страницу при первом щелчке элемента таблицы.

Пока мне удалось получить эту работу:

<script>
var url = 'https://www.google.com/';
var element = document.getElementsByClassName('xl9624916')[1]; 
element.addEventListener('click',function(){
    location.href = url;
}); 
</script>

Но это не лучшее решение для меня, потому что эта страница, публикуемая из Excel, и имена элементов меняются при каждой публикации sh событие. Следовательно, необходимо указать c таблицу child при клике.

Пожалуйста, помогите мне понять, что не так с кодом ниже?

<script>
var url = 'https://www.google.com/';
var element = document.querySelectorAll("table tr:nth-child(1) td:nth-child(1)");
element.addEventListener('click',function(){
location.href = url;
}); 
</script>

Answer 1

Insted of using the querySelectorAll use querySelector
https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll
https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector


var url = 'https://www.google.com/';
var element = document.querySelector("table tr:nth-child(1) td:nth-child(1)");
element.addEventListener('click',function(){
location.href = url;
});