javascript innerHTML 다른

Question

innerHTML을 사용하여 페이지의 특정 요소에 업데이트 된 값을 할당하고 있습니다. 그러나 innerHTML 페이지에서 jquery 작업을 중지하고 페이지의 CSS가 부족합니다.

DOM 요소로 바꾸려고했지만 작동하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? 감사합니다.

var names =['id','name','quantity','description']; 
    var len = names.length; 
    for (var i = 0; i < len; i++){ 
     var el = document.getElementById(\'product_\'+names[i]+\'_main\'); 
     var el2 = document.getElementById(\'product_\'+names[i]+selection); 
     if(el.hasChildNodes()) {         
     el.replaceChild(el2.firstChild.nodeValue, el.firstChild); 
     } 
     if(el && el2) el.innerHTML=el2.innerHTML; /* this part works, but it caused the page CSS to run and jquery no longer working */ 
     } 

Answer 1

el.replaceChild(el2.firstChild.nodeValue, el.firstChild); 

뭐라구? 당신은 nodeValue를 대체 할 수 없습니다, 당신은 단지 노드를 대체 할 수

el.replaceChild(el2.firstChild, el.firstChild); 

이이 el에 el2의 firstChild 이동합니다. 복사하려면 먼저 복제해야합니다. 모든 아이들을 원한다면, 그것들을 반복 할 필요가 있습니다.

그 firstChild가 텍스트 노드 인 경우, 쉽게 (재) 수는 그 값을 설정하고, EL2의 그 복사

if (el.firstChild && el.firstChild.nodeType == 3 
    && el2.firstChild && el2.firstChild.nodeType == 3) 
    el.firstChild.nodeValue = el2.firstChild.nodeValue; 

Answer 2

이미 jQuery를 사용하고 있기 때문에, 당신은 .html 중에서() 메서드를 사용할 수 있습니다

e1.html(e12.html()); 

이이 같은 작업을 수행해야한다 : 당신이있는 경우

el.innerHTML=el2.innerHTML; 

Answer 3

을 JQuery가 이미 페이지에로드되어 JQuery 선택기와 $ (element) .html()을 사용하여 innerHTML을 얻을 수있다.

var names =['id', 'name', 'quantity', 'description']; 

for (var i = 0; i < names.length; i++){ 
    var el = $("#product_"+names[i]+"_main"); 
    var el2 = $("#product_"+names[i]+selection); 

    if (el.children().size() > 0) {         
     // Your code here 
    } 

    if (el && el2) { 
     el.html() = el2.html(); 
    } 
} 

테스트되지 않은 코드.