2018年6月9日 星期六

【JavaScript】中的event與node概念(隨時整理)



對於event事件與node不太熟,以後相關資料都放這


    <ul id="list">
        <li>要記得吃飯</li>
        <li>要記得寫作業</li>
    </ul>
點擊「要記得吃飯」
var list = document.getElementById("list")
    var result = document.getElementById("result")

    list.addEventListener("click", function (e) {
        console.log(e.target) //  <li>要記得吃飯</li>
        console.log(e.currentTarget) // <ul id="list"><li>要記得吃飯</li><li>要記得寫作業</li></ul>
        console.log(e.target.innerHTML) //  要記得吃飯
        console.log(e.target.nodeName) //LI
        console.log(e.target.tagName) //LI
    })

沒有留言:

張貼留言