当鼠标悬停或onclick时,JavaScript获取完整的元素代码

Question

如何获取我正在鼠标悬停或单击的元素的完整HTML代码？使用document.onmouseover = function(e){可以获取触发事件的元素的完整底层HTML代码吗？

现在,我能够获得标签名称或ID或其他.我想要的是整个代码.

例如; 如果我鼠标悬停在桌子上,我想得到这个字符串:<table><tr><td></td></tr></table>

这可能吗？

Answer 1

IE已经有了 element.outerHTML

这对其他人来说:

if (!('outerHTML' in document.documentElement)) {
    function getOuterHTML(element){
        var dummy = document.createElement('html');
        dummy.appendChild(element.cloneNode(true));
        var result = dummy.innerHTML;
        dummy.innerHTML = '';
        return result;
    }
}
else{
    function getOuterHTML(element){
        return element.outerHTML;
    }
}

你可以像这样使用它:

 alert( getOuterHTML( document.getElementById("elementID") ) );