通过Javascript修改onClick属性

我想向已经渲染的按钮代码添加更多功能。做到这一点的唯一方法是使用Javascript，因为它之前从服务器呈现，而我只能访问JSP。通过Javascript修改onClick属性

这是我现在拥有的，但它不工作，它只显示两次相同的消息。如果我点击该按钮，则不显示警报“hello”。

<script type="text/javascript"> 
function addEventBefore(element, type, fn) { 
    var old = element['on' + type] || function() {}; 
    element['on' + type] = function() { fn(); old(); }; 
} 

function sayHello(){ 
    alert('hello'); 
} 

var arr = document.getElementsByTagName("button"); 
for (i = 0; i < arr.length; i++) { 
    if (arr[i].getAttribute("name") == "Complete"){ 
    var theclick = arr[i].getAttribute("onClick"); 
    alert(theclick); 
    addEventBefore(arr[i], 'Click', sayHello); 
    var theclick2 = arr[i].getAttribute("onClick"); 
    alert(theclick2); 
    } 
} 
</script>

这是页面的渲染代码：

<td valign='top' align='right' > 
<button name="Complete" title="The complete Button" 
onClick="document.forms.TaskInfoPage.action='http://prodserver:8080/Approval.jsp?windowId=dd4c0&eventTarget=stepApproval&eventName=Complete' 
document.forms.InfoPage.submit();return false;">Complete</button> 
</td>

所以，我要放置的sayHello（）它的的onClick行动之前。

来源

2010-12-13 elcool

这是onclick而非onClick，所以你需要这样的：

addEventBefore(arr[i], 'click', sayHello); 
        //^lower case here

属性本身仍不会显示任何内容不同，但事件本身会工作，you can test it here。此外，为了保持this您的事件处理程序，我建议你至少.call()的功能，如：

function addEventBefore(element, type, fn) { 
    var old = element['on' + type] || function() {}; 
    element['on' + type] = function() { fn.call(this); old.call(this); }; 
}

来源

2010-12-13 18:43:13

我'试过onclick'第一，得到了相同的结果，那么我想'onClick';要试试电话（） – elcool 2010-12-13 19:30:11

通过Javascript修改onClick属性

回答

相关问题