DOM innerHTML Дубликат Проблема

Question

function SwapPlans(city, id) { 
    var tp = GetTravelPlanById(id); 
    var content = MakeHTMLAccordionMe(tp.items[0]); 

    document.getElementById(city).innerHTML = " "; 
    document.getElementById(city).innerHTML = content.innerHTML; 
    document.getElementById(city).outerHTML = " "; 
    document.getElementById(city).outerHTML = content.outerHTML; 
} 

Привет,

У меня есть проблемы с выше фрагмента кода. Функция MakeAccordionME возвращает содержимое, которое Я хочу изменить с помощью document.getElementById (city) = value; но он не удаляет первое содержимое первого div.

Есть ли какой-либо метод content.clear в DOM javascript?

thx

с.с. div, возвращающийся из document.getElementById (город), является div-аккордеон jquery.

Answer 1

В DOM (как реализовано браузерами, innerHTML не является стандартным до HTML5, но реализуется всеми) установка innerHTML элемента удалит все содержимое. Разница между innerHTML и externalHTML заключается в том, что для outerHTML включен сам тег. Таким образом, OuterHTML может использоваться для замены тега. Поскольку контент является элементом типа, вы все равно не хотите использовать innerHTML, вы хотите прикрепить его к элементу dom.

Это может работать:

function SwapPlans(city, id) { 
    var tp = GetTravelPlanById(id); 
    var content = MakeHTMLAccordionMe(tp.items[0]); 
    var city = document.getElementById(city); 

    // Remove all children of the div 
    while (city.hasChildNodes()) { 
     city.removeChild(city.children.item(0)); 
    } 

    // Add a child to the city, making sure that it belongs to this document. Instead 
    // of blind importing you might also check it's ownership. 
    city.appendChild(city.ownerDocument.importNode(content))