第 n 次 child 单击 javascript 打开新网页

Question

我需要一个可以在第一次 table 元素点击时打开新页面的代码。

到目前为止，我设法完成了这项工作：

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

但这对我来说不是最佳解决方案，因为此页面是从 excel 发布的，并且元素名称在每次重新发布时都会发生变化。因此需要特定的 table 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;
});

第 n 次 child 单击 javascript 打开新网页

nth child click in javascript to open new web page

javascript

html

html-table

css-selectors

tr