获取元素的html标记内容(Get element's html tag content)

 如果克隆节点，则innerHTML属性将为空。 对于您的示例，浅克隆是合适的（传递false或不传递任何东西）。 
 
 
 
 
 
  
// get the div element
var element = document.querySelectorAll('div')[0];

// view the outerHTML of the element
console.log('original outerHTML', element.outerHTML);

// clone the element
var clone = element.cloneNode();

// view the outerHTML of the clone
console.log('outerHTML of clone', clone.outerHTML); // has what you want
 
  
<div data-x="a">
    <span>Hello</span>
</div>
 
 
 
 
 
 MDN上的.cloneNode（） 

If you clone the node, the innerHTML property will be empty. For your example, a shallow clone is appropriate (pass false or don't pass anything).
 
 
 
 
 
  
// get the div element
var element = document.querySelectorAll('div')[0];

// view the outerHTML of the element
console.log('original outerHTML', element.outerHTML);

// clone the element
var clone = element.cloneNode();

// view the outerHTML of the clone
console.log('outerHTML of clone', clone.outerHTML); // has what you want
 
  
<div data-x="a">
    <span>Hello</span>
</div>
 
 
 
 
 
.cloneNode() on MDN