我試圖在頁面加載時為4個元素添加一個OnClick函式,然后讓這些OnClick函式改變一個獨立元素的文本。我試著創建了一個名為AddClick的函式,它指定了elementID,然后設定一個OnClick屬性和單獨的函式。(我為每個我想在點擊時激活新函式的元素做了四次。
然后我要求 AddClick 在頁面加載時運行。
然后我創建了將取代獨立元素的舊文本的函式。(這些應該被設定為在元素被點擊時運行。
如果這是個錯誤的方法/如果我不清楚的話,請提前道歉。第一次在這里發帖,希望得到任何幫助。
對于HTML來說,我試圖改變的文本是在一個有ID的div中,但是h4沒有特定的ID,我無法添加一個。
以下是我試圖實作的JavaScript:
<script type="text/javascript"/span>>
function AddClick(){
/Name & Number
document.getElementById("o_5794738"/span>)。 setAttribute('onclick', "NewText()") 。
//Number[/span].
document.getElementById("o_5794733") 。 setAttribute('onclick', "OldText()") 。
/Name
document.getElementById("o_5794723") 。 setAttribute('onclick', "OldText()") 。
/None
document.getElementById("o_5794728") 。 setAttribute('onclick', "OldText()") 。
};
window.onload = AddClick;
function NewText() {
document.getElementById("pt_fc_775338"/span>)。 getElementsByTagName(h4).innerHTML = "<h4>New Text< /h4>"。
}
function OldText() {
document.getElementById("pt_fc_775338"/span>)。 getElementsByTagName(h4).innerHTML = "<h4> Old Text</h4>"。
非常感謝任何幫助。
uj5u.com熱心網友回復:
你可以試試這個:
document.getElementById("demo"/span>)。 onclick = function() {myFunction()}。
我在https://www.w3schools.com/jsref/event_onclick.asp 上找到這個例子
uj5u.com熱心網友回復:
不需要使用load來添加click事件,你可以直接使用.addEventListener來添加click事件(順便說一下.setAttribute不是用來添加任何事件)
簡單地使用.addEventListener像這樣:
document.getElementById("o_5794738").addEventListener('click', NewText);
閱讀此文以了解有關.addEventListener()的更多資訊
<下面是演示片段 :
。document.getElementById("o_5794738"/span>) 。 addEventListener('click', NewText) 。
function NewText() {
document.getElementById("pt_fc_775338"/span>)。 getElementsByTagName("h4")[0].innerHTML = "New Text"。
}
< button id="o_5794738">Click Me! </button>
<div id="pt_fc_775338"/span>>
<h4></h4>
</div>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/321620.html
標籤:
