如何在现有页面中插入新的HTML代码？

Question

想象你有这样简单的页面：

大家好。 当你 点击这里 将插入新的文字。

点击后：

大家好。 当您 “ulala ...我插入文字” 将插入新文字。

1. 是否可以使用PHP或Javascript插入此文本？
2. 如果只有javascript是适当的，你可以提供一个示例代码？

感谢名单了很多

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> 

你的JavaScript：

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

Answer 2

在Javascript中尝试以下操作：

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，但您可以使用该的Javascript DOM方法。

要使链接发生，请使用onClick="js_something()"。并插入文字使用$('#id').text('new text')。

如果要从服务器资源（url）中检索到新文本，PHP才会生效。如果这样使用AJAX，或者简单地在jQuery中使用.load(".../get_text.php")。