Javascript - używanie innerHTML do wyprowadzania łańcuchów znaków * BEZ * znaków specjalnych kodowanych w HTML?

Question

Wygląda na to, że JavaScript automatycznie konwertuje określone znaki specjalne na elementy HTML podczas wysyłania treści za pomocą funkcji innerHTML(). Jest to problem, ponieważ muszę mieć możliwość wyprowadzenia < i> bez konwersji do gt; i lt;

Czy można zapobiec automatycznej konwersji, odwrócić ją lub uciekać? Do tej pory, niezależnie od tego, co robię, < i> zawsze są automatycznie kodowane do elementów HTML.

Przykładowy kod:

function DisplayQueries() { 
    var IDs = ['AllOpenedINC','AllOpenedCRQ','AllClosedINC','AllClosedCRQ','SameDayINC','SameDayCRQ','NotSameDayINC','NotSameDayCRQ', 
     'StillOpenINC','StillOpenCRQ','OpenOldINC','OpenOldCRQ','OtherQueuesINC','OtherQueuesCRQ'] 

    for (var i = 0; i < IDs.length; i++) { 
     if (eval(IDs[i])) 
      document.getElementById(IDs[i]).innerHTML = eval(IDs[i]); 
    } 
} 

Przykład zmienna zapytania:

AllOpenedINC = "('Company*+' = \"test\" OR 'Summary*' = \"%test%\") AND ('Submit Date' >= \"" + theDate + 
    " 12:00:00 AM\" AND 'Submit Date' <= \"" + theDate + " 11:59:59 PM\")" + nameINC; 

Answer 1

Wyjaśniałem, co się dzieje. Nie ma łatwego sposobu na uniknięcie konwersji znaków specjalnych na elementy HTML przez innerHTML, ale ponieważ problem pojawiał się podczas kopiowania zawartości DIV do schowka (przy użyciu JS tylko JS, który działa, ponieważ znajduje się w środowisku rządowym, w którym wszyscy mają używać IE), użyłem tylko funkcji replace(), aby ponownie przekonwertować elementy HTML z powrotem na < i>.

Answer 2

myślę, że pytanie jest oparty na błędnych przesłankach. Wystarczy dokonać bardzo prosty test:

document.getElementById("testdiv").innerHTML = '<h1><em>Hello</em></h1>'; 

jeśli to działa prawidłowo, to problem nie jest po stronie JS, zamiast korzystania z niektórych innych komponentów w systemie, który HTML zakodować swoje postacie.

Answer 3

Powinieneś skupić się na tym, co chcesz osiągnąć, a nie na sposobie, w jaki to robisz. innerHTML() również koduje, innerText() i textContent() również kodują. Powinieneś więc rozszyfrować łańcuchy, jeśli chcesz je jako < lub> wstecz.

Możesz użyć tej funkcji unescapeHTML(), aby uzyskać wyniki, które chcesz.

Mam nadzieję, że to pomoże. Skopiowałem to z Prototypu.

Answer 4

Można użyć jquery i .append()