2017-04-25 68 views
-1

我有兩個輸入的表單。點擊提交後,會發生以下情況:如何檢查哪個元素被點擊過,如果元素沒有ID?只使用Javascript

  1. 將創建一個具有兩個屬性(每個輸入一個)的對象。
  2. 每個對象都被推入一個數組中。
  3. 創建一個div,將對象的值放入div的內部HTML中。
  4. 跨度已創建,並被添加到div中。

當單擊一個div的跨度時,我想讓該特定的div不再出現,意味着該值在該div的innerHTML中的對象應該從該數組中移除。

我怎麼知道哪個跨度被點擊?

+0

一)只是給他們一個ID /班/數據屬性/不管B)連接不同的事件偵聽器知道通過閉包變量c中的相應的格)在DOM – Bergi

回答

1

在你的事件監聽器中,你可以在事件中檢查它與目標屬性。 event.target

+0

您可以通過它的相對位置找到相應的元素'很可能想'.currentTarget',而不是'.target' – Bergi

+0

太好了,非常感謝! – Amir

+0

考慮接受答案,如果這個解決方案幫助你:) –

0

您可以使用document.getElementsByTagName('span')返回DOM元素的NodeList。所以對於初學者,你將不得不在它們之間迭代並附加一個處理程序,每個這樣的:

var spans = document.getElementsByTagName('span'); 
for (var i = spans.length - 1; i >= 0; --i) 
{ 
    spans = spans[i]; 
    // do something to span 
    // forexample: spans.onclick = clickHandler; 

} 

希望幫助!

+0

它呢,謝謝! – Amir

0
  1. 在div(點號3)上附加'onClick'事件。
  2. 然後使用this.event.currentTarget(在這種情況下,您將獲得點擊的span標籤/ div標籤)。
  3. 然後使用this.remove()方法刪除span標記或父元素。
+0

感謝您的幫助! – Amir

相關問題