Wie HTML teilweise innerhalb div zu rendern?

-5

Ich habe ein div und ich möchte etwas Text in diesem Div setzen. Problem ist mein Text enthält HTML-Elemente und ich möchte nicht, dass alle diese Elemente gerendert werden. Ich meine, einige Elemente müssen als HTML gerendert werden.Wie HTML teilweise innerhalb div zu rendern?

Gibt es eine Möglichkeit, einen div-Inhalt wie diesen zu erstellen?

Ich möchte ein Div-Element wie unten erstellen;

<div id="bodyContent">   
</div>

Einstellung mit HTML-Methode funktioniert nicht.

var myHTMLContentPart1 = "<HTML><BODY>"; 
var myHTMLContentPart2 = "<span>hello</span>"; 
var myHTMLContentPart3 = "</BODY></HTML>"; 

$("#bodyContent").html(?);

EDIT:

Quelle

2017-11-28 hellzone

Ich denke, er möchte die Teile in "Anführungszeichen" als einfachen Text ausgeben, aber die Spanne als HTML ausgeben. – delinear

Hat er? Was bedeutet * Problem ist mein Text enthält HTML-Elemente und ich möchte nicht alle diese Elemente gerendert werden. Ich meine einige Elemente müssen als HTML gerendert werden. – Liam

Ich stimme zu, es ist vage und braucht eine Klarstellung, mein Verständnis war, dass er meint, er habe eine Mischung aus einigen Tags, die er als HTML darstellen möchte und einige, die er als Text rendern will (zB "Ich will nicht alle diese Elemente gerendert werden [als HTML] "Ich interpretiere, dass er nur SOME als HTML und einige als Text darstellen soll. Aber das ist nur mein Verständnis, das könnte völlig falsch sein! – delinear

Ich empfehle Ihnen regex verwenden html oder body-Tags zu entfernen, können Sie auch einen beliebigen Tag hinzufügen, die Sie wie folgt <\/?tagname>

entfernen möchten

html = '<html><body><span>Some Text</span></body></html>'; 
 
clean = html.replace(/<\/?html>|<\/?body>/g, ''); 
 
console.log(clean); 
 

 
// For your code 
 

 
var myHTMLContentPart1 = "<HTML><BODY>"; 
 
var myHTMLContentPart2 = "<span>hello</span>"; 
 
var myHTMLContentPart3 = "</BODY></HTML>"; 
 

 
var html = myHTMLContentPart1 + myHTMLContentPart2 + myHTMLContentPart3; 
 

 
clean = html.replace(/<\/?html>|<\/?body>/g, ''); 
 

 
$("#bodyContent").html(clean);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="bodyContent"> 
 
</div>

Quelle

2017-11-28 12:43:58 Pedram

HTML und Body-Elemente sind nur ein Beispiel. Es kann ein beliebiges HTML-Element sein. – hellzone

@hellzone Sie sagten in den Kommentaren, Sie wollen span, und entfernen Sie 'html' und' body' !, was nun? erkläre was genau du willst – Pedram

Wie HTML teilweise innerhalb div zu rendern?

Antwort

Verwandte Themen