我在運行時使用java-script
document.createElement
函數創建div。現在我需要執行另一個滾動動態創建的div的函數。並且還需要捕獲關鍵字div的下線事件。 任何人都可以告訴我,我怎麼能做到這一點。如何訪問由javascript創建的元素document.createElement函數
回答
您需要將動態創建的div插入到DOM中。如果不這樣做,則無法使用document.getElementById
進行檢索。您可以將您的動態創建div
到元素通過調用像appendChild
或insertBefore
功能,這裏介紹http://www.w3schools.com/jsref/dom_obj_all.asp
在找到一個合適的地方插入你的div到DOM,你應該能夠從任何地方檢索請撥打document.getElementById("myDivId");
。如果尚未創建,您還需要在創建後爲創建的div創建一個ID。整個事情看起來是這樣的:
var myDiv = document.createElement("div");
myDiv.id = "myDivID"; //Give it some ID
var divsParent = document.getElementById("dynamicDivsParentElementID"); //get the element where you want to insert the div into
divsParent.appendChild(myDiv);
var retrievedDynamicDiv = document.getElementById('myDivID');
檢查出來上的jsfiddle工作:http://jsfiddle.net/qnPUF/
是的,如果我們在函數內部使用'document.getElementById('myDivID')。scrollTop',我們創建一個append div作爲DOM的子項,但是當我們從另一個函數調用它時它不工作。 –
我已經回答了你的問題。爲了證明從另一個函數檢索該div,我創建了另一個JSFiddle。它在文檔加載時將您的div添加到DOM。然後稍後當您單擊該按鈕時,它會通過從DOM中檢索來提醒該ID。一探究竟! http://jsfiddle.net/qnPUF/1/這已經回答了你如何檢索由createElement創建的元素的問題。如果你仍然有問題,那就在別的地方,你可能想問另外一個問題。 –
對不起,我的腳本中有一些問題。 你的答案工作得很好。現在我的問題解決了。 感謝您的支持。 –
您可以通過在div元素創建後調用滾動功能來實現此目的。確保函數在createElement之後調用
感謝它的工作。創建div元素後調用函數。 但有沒有什麼辦法從任何其他功能訪問此div(使用ID)。 –
- 1. 如何關閉由document.createElement創建的元素?
- 2. javascript document.createElement函數?
- 3. 在運行時由JavaScript創建的訪問元素(document.write)
- 4. 如何訪問由JSON.parse創建的此JSON對象的元素?
- 5. 如何訪問由data-filter =「true」創建的輸入元素
- 6. 如何訪問由jquery創建的輸入元素
- 7. 選擇使用document.createElement創建的元素jquery/javascript
- 8. 如何訪問由函數創建的HTML元素?元素是「不確定」,因此未CSS應用,能夠
- 9. Javascript函數創建元素條件式
- 10. 如何風格的CSS與JavaScript函數創建DOM元素
- 11. 訪問JavaScript數組元素
- 12. 如何創建和訪問設置包中的數組元素
- 13. 由extjs動態創建的訪問元素
- 14. 如何修改由外部javascript創建的元素上的類
- 15. 如何使用javascript構造函數創建html元素?
- 16. 訪問創建動態jQuery的元素?
- 17. 訪問動態創建的元素
- 18. PHP:如何訪問由靜態函數返回數組的第一個元素
- 19. 由默認構造函數自動創建的數組元素?
- 20. 使用Javascript創建的HTML元素的訪問值
- 21. 子div元素不會出現在父JavaScript元素創建的JavaScript函數
- 22. 如何通過javascript訪問JSON元素?
- 23. 如何訪問元素JSON和Javascript
- 24. 如何使用Javascript訪問iframe元素?
- 25. 如何使用Javascript訪問SVG元素
- 26. 的JavaScript訪問元素
- 27. 使用HTML/Javascript動態創建div的訪問元素
- 28. 如何訪問由Alloy函數返回的集合中的元素?
- 29. document.createElement();是否有我可以創建的元素列表?
- 30. document.createElement()創建元素的方式不同嗎?
如果您共享代碼,這將是更容易幫助。答案取決於以下因素:您是否將元素插入到DOM中?你有沒有給它一個ID?等。 –
是的,我已經給該div一個id,並且還將此id存儲在隱藏的字段中。現在我可以調用div的滾動功能。但是我無法使用'document.getElementById (div的ID)'。你能告訴我有什麼方法可以通過使用他的id來訪問新創建的div嗎? –
感謝您的額外信息,請查看工作答案。 –