Question

我希望有人可以向我解释如何在我的网页上编写按钮元素的脚本。

我是javascript和html的新手。所以我希望我提出的问题是有道理的。

这个想法是元素的内容改变为从服务器上的php文件获得的内容。

我使用php来提供html5。我尝试过以下方法：

<a onclick="document.getElementByID("myID").innerHTML(src="_document_with_new_content.php")") class="myClass"></a>.

我的结果是我的元素上的样式丢失了，所需的元素没有加载到容器元素中。

我也没有从ajax获得成功：

<a onclick="document.getElementByID("myID").load(src="_document_with_new_content.php")></a>

我显然做错了，但任何人都可以帮忙吗？

Answer 1

您可以使用Ajax执行此操作，但示例中的代码稍有不妥。

这样的事情怎么样？

<script>
    $(function(){
         $("a#some-identifier").on("click", function(e){         
              $( "#myID" ).load( "document_with_new_content.php" );
              e.preventDefault();
         });
    });
</script>

jQuery示例和解释如下：

https://api.jquery.com/load/

Answer 2

我有几件事需要提及：

为您使用单引号javascript：onclick="document.getElementById('myID')..."而不是onclick="document.getElementById("myID")..."。
Javascript区分大小写：因此document.getElementByID('myID')无效，document.getElementById('myID')会有效。

innerHTML不是一个函数。这将有效：

<a onclick="document.getElementById('myID').innerHTML = 'this will load'" class="myClass">click here</a>
<div id="myID"></div>

加载外部文档并不容易。如果你只是想学习一些javascript，那么我建议退一步，从基础开始。但是如果你只是想快速构建一些东西，那么看一下像JQuery这样的库，它易于学习并且使很多东西变得容易。

希望这很有用。

我找不到通过单击元素将新内容放入另一个元素的方法

2 个答案: