Javascript function not called when id and function name same

Question

I want know the what is the effect of id and function when both are same. Example:

<tr> <td><img id='deleteAuthor' onclick='javascript: deleteAuthor(this)' src='images/close.png' /></td></tr>";
        function deleteAuthor(element){
            alert(element);
        }
    output:TypeError: deleteAuthor is not a function
    [Break On This Error]   


    <tr> <td><img id='deleteAuthorbt' onclick='javascript: deleteAuthor(this)' src='images/close.png' /></td></tr>";
       function deleteAuthor(element){
        alert(element);
      }
    output:Object HTMLImageElement

Please Why it behave so?

it is because both the element id and the function are colliding in the global scope resulting in the element overriding the function reference — Arun P Johny
– Arun P Johny, Commented Jul 11, 2013 at 6:22
possible duplicate of TypeError: prc.cng() is not a function in Firefox, Uncaught TypeError: Object #<HTMLInputElement> has no method 'cng' in Chrome — Quentin
– Quentin, Commented Jul 11, 2013 at 6:38

Benny · Accepted Answer · 2013-07-11 06:22:33Z

2

U have to use different names for id and function. Same names for both will cause ambiguity

answered Jul 11, 2013 at 6:22

Benny

5313 gold badges9 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Quentin Over a year ago

It isn't ambiguous, the scoping and overriding rules are consistent. A better solution is to avoid doing everything in the global scope.

Collectives™ on Stack Overflow

Javascript function not called when id and function name same

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related