我找不到一種方法通過點擊元素將新內容放入另一個元素

我希望有人能向我解釋如何在我的網頁上編寫一個按鈕元素。我找不到一種方法通過點擊元素將新內容放入另一個元素

我是JavaScript和html的新手。所以我希望我所問的是有道理的。

這個想法是，一個元素的內容改變爲從服務器上的php文件獲得的內容。

我使用php來提供html5。我曾嘗試以下：

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

我的結果是我的元素的樣式都將丟失，所需的元素不裝入容器元素。

我還沒有得到來自阿賈克斯的成功：

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

我明明做錯了，但任何人都可以在這方面幫助？

來源

2014-03-26 user3464383

你可以使用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/

來源

2014-03-26 14:15:14 James

onclick在哪裏？ – larsAnders

良好的電話 - 加入 – James

非常感謝，這工作完美。我還在http://icant.co.uk/articles/things-to-know-about-ajax/header-switching.html上找到了類似的有用信息，兩種情況下的解決方案都爲我做了訣竅。非常感謝，真的！ – user3464383

我有幾件事情需要提及：

使用單引號爲您的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這樣易於學習並使許多事情變得更容易的庫。

希望這是有用的。

來源

2014-03-26 15:15:37 jazZRo

我找不到一種方法通過點擊元素將新內容放入另一個元素

回答

相關問題