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

Question

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

大家好。 当你 点击此处 将插入新文本。

点击后

：

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

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

thanx很多

Answer 1

在Javascript中尝试以下操作：

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

在“点击此处”的fun()上致电onclick，其标识为text_area，可以是div或span或input或textarea任何其他html标记，无论您想添加新字符串。

希望这有帮助。

Answer 2

您的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 3

使用jQuery最简单，但你可以使用Javascript DOM方法。

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

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