Wie füge ich neuen HTML-Code in bestehende Seite ein?

Question

Stellen Sie sich vor, Sie haben eine einfache Seite wie folgt:

Hallo allerseits. Wenn Sie klicken Sie hier neuen Text wird eingefügt.

nach dem Klick:

Hallo allerseits. Wenn Sie "Ulala ... Ich bin eingefügt Text" neuen Text wird eingefügt.

1. ist es möglich, diesen Text mit PHP oder Javascript einzufügen?
2. Wenn nur Javascript geeignet ist, können Sie einen Beispielcode angeben?

thanx viel

Answer 1

Ihre HTML:

<p>Hi everybody. when you <span id="mytext"><a href="javascript:EditText()">click here</a></span> new text will be inserted.</p> 

Ihr Javascript:

<script type="text/javascript"> 
    function EditText() { 
     document.getElementById('mytext').innerHTML = 'ulala... I am inserted text'; 
    } 
</script> 

Answer 2

In Javascript versuchen folgende:

function fun(){ 
document.getElementById("text_area").innerHTML = document.getElementById("text_area").value + "New str"; 
} 

Anruf fun() auf onclick von "Klicken Sie hier", die text_area eine ID und könnte div oder span oder input oder textarea sein, jede anderen HTML-Tag, wo immer Sie einen neuen String hinzufügen möchten.

Hoffe, das hilft.

Answer 3

Es ist am einfachsten mit jQuery, aber Sie können für die Javascript DOM-Methoden verwenden.

Um einen Link etwas passieren zu lassen, verwenden Sie onClick="js_something()". Und zum Einfügen von Text verwenden Sie $('#id').text('new text').

PHP kommt nur ins Spiel, wenn dieser neue Text von einer Serverressource (URL) abgerufen werden soll. Wenn ja, benutze AJAX oder einfach .load(".../get_text.php") in jQuery.