如何用JavaScript点击表格的第二列td后在新窗口打开里面的网址,并且td里面没有a标签
时间: 2023-06-13 16:04:38 浏览: 42
你可以使用以下代码来实现:
```javascript
document.addEventListener('click', function(e) {
if (e.target.nodeName === 'TD' && e.target.cellIndex === 1) {
var url = e.target.textContent;
window.open(url, '_blank');
}
});
```
这个代码会监听整个文档的点击事件。当一个包含文本(而不是链接)的第二列单元格被点击时,它会获取它的文本内容作为 URL,然后在新窗口中打开该网址。
相关问题
如何用JavaScript点击table表格的第二列td后在新窗口打开里面的网址,并且td里面没有a标签
您可以使用以下代码实现:
```javascript
// 获取所有的表格列
var tableRows = document.querySelectorAll('table tr');
// 遍历每一行,找到第二列并获取其内容
for(var i=0; i<tableRows.length; i++){
var td = tableRows[i].querySelectorAll('td')[1];
if(td){
// 获取td的文本内容,即网址
var url = td.textContent.trim();
// 创建新窗口打开网址
window.open(url);
}
}
```
这段代码会遍历表格的每一行,找到每一行的第二列,并获取该列的文本内容,然后在新窗口打开该网址。注意,此代码假设每行的第二列都是包含网址的纯文本,而不是链接。如果每行的第二列包含链接,则需要对代码进行一些修改。
如何用JavaScript使得点击table的某列td后,在新窗口打开td中的链接
您可以使用以下代码来实现这个功能:
```javascript
// 获取所有 td 元素
const cells = document.querySelectorAll('td');
// 绑定点击事件
cells.forEach(cell => {
cell.addEventListener('click', () => {
// 获取 td 中的链接
const link = cell.querySelector('a').href;
// 在新窗口中打开链接
window.open(link, '_blank');
});
});
```
这段代码会遍历所有 td 元素,并为每个元素绑定一个点击事件。当用户点击某个 td 元素时,代码会获取其内部的链接,并在新的窗口中打开该链接。