기존 페이지에 새 HTML 코드를 삽입하는 방법은 무엇입니까?

Question

다음과 같이 간단한 페이지가 있다고 상상해보십시오.

안녕하세요. 여기를 클릭 새 텍스트가 삽입됩니다.

클릭 후 :

안녕하세요. "ulala ... 텍스트를 삽입했습니다." 새 텍스트가 삽입됩니다.

1. PHP 또는 자바 스크립트를 사용하여이 텍스트를 삽입 할 수 있습니까?
2. 자바 스크립트 만 적절하다면 샘플 코드를 제공해 주시겠습니까? 많은 고맙습니다

자바 스크립트에서

Answer 1

귀하의 HTML :

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

자바 스크립트 :

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

Answer 2

다음 시도 :

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

전화 fun()를 id를 text_area을 가지고 있으며, div 또는 span 또는 input 또는 textarea 하나가 될 수있는 "여기를 클릭"의 onclick에 다른 HTML 태그는 어디에서나 새 문자열을 추가하고 싶습니다.

희망이 도움이됩니다.

Answer 3

그것은 jQuery를 함께 쉬운, 그러나 당신이 자바 스크립트 DOM 방법을 사용할 수 있습니다.

링크를 만들려면 onClick="js_something()"을 사용하십시오. 그리고 텍스트를 삽입하려면 $('#id').text('new text')을 사용하십시오.

PHP는 새로운 텍스트가 서버 리소스 (URL)에서 검색되는 경우에만 작동합니다. 그렇다면 AJAX를 사용하거나 간단하게 .load(".../get_text.php")을 jQuery에 사용하십시오.