我想点击网站上的元素。该网站包含一个列表,每个元素都是可扩展的。我要点击的元素会导致列表的条目展开,因此它就像“显示详细信息”按钮。
首先,这是定义按钮的html代码:
<td>
<span id="span_details62_0">
<a href="#" onclick="setBusy('running-indication');
render_event_cluster('104,105', 620);
toggle_fe('dtlsRow620');
change('span_details62_0', 'show');
Element.update('running-indication','');; return false;"><img alt="show | hide" border="0" height="10" src="/images/layout/general/clear.gif?1408570117" title="Show/hide details" width="10" /></a>
</span>
</td>
我想做的是:
function(){
page.evaluate(function(){
var a = document.getElementById("span_details62_0");
console.log('1 '+ a);
var e = document.createEvent('MouseEvents');
console.log('2 '+ e);
e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
console.log('3 '+ e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null));
a.dispatchEvent(e);
console.log('4 '+ a.dispatchEvent(e));
waitforload = true;
});
},
控制台输出是:
1 [object HTMLElement]
2 [object MouseEvent]
3 undefined
4 true
在下一步中,我将页面保存为html文件,当我查看它时,列表不会展开。 有没有人看到这个问题?