关于 !document.selection 的问题

Question

从论坛看了段代码:
<input type="button" value="ShowDirection" onclick="ShowDirection(this)"/>    function ShowDirection(btn) {
        var tbl = [];
        var direct = (document.selection && document.selection.createRange) 
                                         ? document.selection.createRange().parentElement() // IE
                                         : window.getSelection().focusNode.parentNode; //FF
  .....................
}
当打开页面或者刷新页面后,鼠标不在页面有任何点击之前,就开始点击ShowDirection按钮,将会提示:
Uncaught TypeError: Cannot read property 'parentNode' of null 请问该如何解决呢? 
if(鼠标没有点击页面就开始点击这个按钮){提示: }谢谢

Answer 1

这时候 focusNode 应该是 null，所以出错。把代码最后那部分改一下：window.getSelection().focusNode?
   window.getSelection().focusNode.parentNode: null;

Answer 2

谢谢!
这样单独用是行的,但继续运行下面的会出现:
Uncaught TypeError: Cannot read property 'tagName' of null 
谢谢
<input type="button" value="ShowDirection" onclick="ShowDirection(this)"/>
 
    function ShowDirection(btn) {
        var tbl = [];
        var direct = (document.selection && document.selection.createRange) 
                                         ? document.selection.createRange().parentElement() // IE
                                         : window.getSelection().focusNode?  window.getSelection().focusNode.parentNode: null;//FF
  
 do
        {
            tbl.push(direct.tagName);
        }
        while((direct = direct.parentNode) && (direct !== document.documentElement));
        alert(tbl.reverse().join('---->'))   
}

Answer 3

仍然是在当打开页面或者刷新页面后鼠标不在页面有任何点击之前的情况下,就开始点击ShowDirection按钮,将会提示:
Uncaught TypeError: Cannot read property 'tagName' of null 请问该如何解决呢? 
if(鼠标没有点击页面就开始点击这个按钮){提示: } 

Answer 4

因为这时候 direct 获得的值是 null，所以后面代码使用它会出错。不妨在 do 前面加一行：if (!direct) return;  // 如果 direct 无值，直接退出函数。掌握一点：如果某对象 object 为 null，以 object.property 这种形式访问其成员就会出现你看到的错误。