如何在JavaScript中打印整个HTML元素?

我想打印整个元素,包括标签名称,属性名称/值对和innerHTML。 我怎样才能在JavaScript(jQuery)中做到这一点?

例如:

var elArr = document.getElementsByTagName('link');
alert(elArr[0].printEntireElement());

//expected output might be 
<link href="/css/common.css" rel="stylesheet" type="text/css">`

请注意,对于链接元素,不定义outerHTML!


使用一个像这样的外部HTMLHTML插件,或者这个插件。


如果你不能做outerHtml,请克隆它,创建一个新的div,将克隆放入div中,并获取容器的innerHTML。


document.getHTML= function(who){
    var txt, ax, el= document.createElement("div");
    el.appendChild(who.cloneNode(false));
    txt= el.innerHTML;      
    ax= txt.indexOf('>')+1;
    txt= txt.substring(0, ax)+who.innerHTML+ txt.substring(ax);
    el= null;
    return txt.replace(/>/g,'>n');
}
链接地址: http://www.djcxy.com/p/83359.html

上一篇: how to print entire HTML element in JavaScript?

下一篇: dynamically creating div using javascript/jquery