<html>
<style type="text/css">
a {
display: none;
}
</style>
<body>
<p id="p"> a paragraph </p>
<a href="http://www.google.com" id="a">google</a>
</body>
<script type="text/javascript">
var a = (document.getElementById('a')).style;
alert(a.display);
var p = (document.getElementById('p')).style;
alert(p.display);
p.display = 'none';
alert(p.display);
</script>
</html>
The initial alerts display empty strings, but after setting the display property intentionally, it finally displays "none". This might be confusing to some users who expect different results. If you want to correctly retrieve the display property, make sure to use the appropriate methods in JavaScript. Thank you.