content div element. vervangen werkt niet zoals ik wil

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ventilatiesysteem Productontwikkelaar HBO WO Verwa

Samengevat: Zij bieden flexibele ventilatiematerialen, geluidsdempers, rookgasafvoer producten en industrieslangen. Ben jij een technisch productontwikkelaar? Heb jij ervaring met het ontwikkelen van nieuwe producten? Vaste baan: Technisch Productontwikkelaar HBO WO €3.000 - €4.000 Zij bieden een variëteit aan flexibele ventilatiematerialen, geluiddempers, rookgasafvoer producten, industrieslangen en ventilatieslangen voor de scheepsbouw. Met slimme en innovatieve materialen zorgen wij voor een gezonde en frisse leefomgeving. Deze werkgever is een organisatie die volop in ontwikkeling is met hardwerkende collega's. Dit geeft goede ontwikkelingsmogelijkheden. De branche van dit bedrijf is Techniek en Engineering. Functie: Voor de vacature als Technisch Productontwikkelaar Ede Gld HBO WO ga

Bekijk vacature »

Paul Weiss

Paul Weiss

14/02/2024 14:17:25
Quote Anchor link
Hallo ik wil de content van een div element vervangen. op zich werkt de onderstaande code. echter o.a. de <p> tag wordt vreemd weergegeven als ik in de inspector kijk

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div id="videoheaderpaul1">
   <p>dit is de oude content</p>
   </div>
  


   <div style="display:none;" id="nieuwecontent">
   <p>nieuwe content</p>
   <h1>h1 content</h1>
   <h2>h2 content</h2>
   </div>
  
  
  
  
   <button onclick = "replaceElement()"> Replace Element </button>
  
  
  
  
   <script>
      function replaceElement() {
         var newElement = document.createElement('div');
        

let code = document.getElementById("nieuwecontent").innerHTML;
  
newElement.textContent = code;
var oldElement = document.getElementById('videoheaderpaul1');
oldElement.replaceWith(newElement);
        
 newElement.setAttribute("id","para-1");
        
     }
   </script>


Als ik in de inspector kijk dan ziet de nieuwe content er zo uit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<div id="para-1">
   &lt;p&gt;nieuwe content&lt;/p&gt;
   &lt;h1&gt;h1 content&lt;/h1&gt;
   &lt;h2&gt;h2 content&lt;/h2&gt;
   </div>
Gewijzigd op 14/02/2024 16:17:13 door Paul Weiss
 
PHP hulp

PHP hulp

17/04/2024 19:44:32
 
Ivo P

Ivo P

14/02/2024 16:27:23
Quote Anchor link
newElement.textContent = code;

zou dat niet iets van

newElement.innerHTML = code;

moeten zijn?

https://www.freecodecamp.org/news/innerhtml-vs-innertext-vs-textcontent/#how-to-update-content-with-innerhtml-innertext-and-textcontent

nu wordt er een soort van htmlspecialchars() over je inhoud heen gehaald.
 
Paul Weiss

Paul Weiss

14/02/2024 17:28:17
Quote Anchor link
he Ivo. ah ja natuurlijk. helemaal over het hoofd gezien. super bedankt.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.