All geek questions in one place

Why does the onclick listener give different results?

Here is a nut that I just can't crack. Consider the following HTML body:

<body onload="console.debug(document.documentElement);"> <a href="#" onclick="console.debug(document.documentElement);">Click me</a> </body>

The output of the first debug statement and the output of the second, which is launched when the link is clicked, is different in the Inspector console on Safari. After clicking the link, the two outputs are as follows:

 > HTMLHtmlElement > <html>...</html>

Both options are extensible, but the first seems more like a suitable DOM element with all its nuts and bolts (prototype, event listeners, child and parent relationships, etc.), and the second displays only the element and its children as HTML.

There is no difference between the output specified in the Firebug console in Firefox, where each output is associated only with an HTML inspector.

+4
source share
1 answer

This is probably a bug in safari, as Firefox and IE9 give the same result.

If this is really a bug, you can report a bug: https://developer.apple.com/bugreporter/

Or is it the difference in the engine.

0
source

Source: https://habr.com/ru/post/1396717/

More articles:


All Articles