직렬화 할 속성 선택

Question

div을 new XMLSerializer().serializeToString()으로 문자열로 serialize 할 때 직렬화 할 DOM 속성을 선택하고 싶습니다.

예 : 대신 예를 들어

var blah = document.getElementById('blah'); 
 
var blah1 = document.getElementById('blah1'); 
 
blah1.style.top = "100px"; 
 
console.log(new XMLSerializer().serializeToString(blah));

#blah1 { position: absolute; }

<div id="blah"><div id="blah1">Bonjour1</div></div>

, ...

<div xmlns="http://www.w3.org/1999/xhtml" id="blah"><div id="blah1" style="top: 100px;">Bonjour1</div></div> 

... 나는 top 스타일 속성을 제외한 모든 직렬화하고 싶습니다 :

<div xmlns="http://www.w3.org/1999/xhtml" id="blah"><div id="blah1">Bonjour1</div></div> 

new XMLSerializer().serializeToString()을 사용할 때 직렬화 할 속성을 선택하는 방법은 무엇입니까? 당신이

제거를 제거하려는 속성이있는 모든 요소를 ​​찾을 수 node.cloneNode(true)와 트리가 DocumentFragment가

사용 fragment.querySelectorAll("[style]")에 삽입

Answer 1

1. 깊은 복제가 일치하는 요소에서 속성
2. 직렬화 조각

---

var blah = document.getElementById('blah'); 
var blah1 = document.getElementById('blah1'); 

blah1.style.top = "100px"; 

var frag = new DocumentFragment() 
frag.appendChild(blah.cloneNode(true)) 

for(var e of frag.querySelectorAll("[style]")) { 
    e.removeAttribute("style") 
} 

console.log(new XMLSerializer().serializeToString(frag)) 

,536,

파이어 폭스로 테스트했습니다.