Question

js实现加载页面，则实现td内a点击事件

Answer 1

能说明白点么

追问

内容1

你好，我的问题是 td已经有onclick事件，然后在td里面套了一个标签作为点击的时候进行页面跳转，我希望就是当我打开这个页面的时候不用我点击标签，就自动执行单击第一个td的效果。嗯

追答

就是说一进来就触发td的onclick事件，同时点击标签？

function ready(){
document.getElementById('td0').onclick();
document.getElementById('td0').getElementsByTagName('a')[0].click();
}

内容1

追问

最好是都触发，只触发标签的链接也可以

追答

分析：

document 加载完后成执行 ready();

function ready(){
document.getElementById('td0').onclick();
//得到ID为td0的元素，调用onclick函数
document.getElementById('td0').getElementsByTagName('a')[0].click();
//得到ID为td0的元素下的a元素的第一个，触发click事件。
}

需要注意的是onclick()和click()的区别，onclick()仅仅执行绑定的函数，不会触发事件，click会触发事件，比如a标签里有一个onclick。前者只会执行onclick里面的内容，后者不但执行onclick，还会打开这个a标签。

发现由于事件的冒泡，只需要触发
document.getElementById('td0').getElementsByTagName('a')[0].click();
就行了，上一句可以去掉了，因为事件冒泡的规则是先触发当前元素的事件，然后再触发父级元素的事件。因此a标签被“点击”，td也会收到“点击”的消息