ต่อไป »

[BakKheab]

ไม่อยากอยากดึง jquery มาใช้อะครับ

$("ul>li").click(function(){
     $(this).remove();
});

ท่าใดพอมีวิธีแนะนำด้วยครับผม 

[sbaydee]

โค๊ด:

function getEventTarget(e) {
    e = e || window.event;
    return e.target || e.srcElement; 
}

var ul = document.getElementsByTagName('ul');
ul[0].onclick = function(event) {
    var target = getEventTarget(event);
    ul[0].removeChild(target);
};

https://jsfiddle.net/n479g7g7/

[BakKheab]

โค๊ด:

function getEventTarget(e) {
    e = e || window.event;
    return e.target || e.srcElement; 
}

var ul = document.getElementsByTagName('ul');
ul[0].onclick = function(event) {
    var target = getEventTarget(event);
    ul[0].removeChild(target);
};

https://jsfiddle.net/n479g7g7/

ขอบคุณมากครับผม

ขอรบกวนอีกนิดได้ไหมครับ
คือผมอยากได้ประมาณ เมื่อคลิ๊ก โหนดลูก โหนดใดโหนดหนึ่ง ที่อยู่ภายใน โหนดแม่ แล้วให้มันดึงค่าต่างๆ หรือทำอะไรกับโหนดตัวนั้นก็ได้
คล้าย ๆ การ Selector อ่ะครับ แทนที่จะกำหนด ID หรือทำ onclick ให้มันทุกตัว ก็ใช้การ Selector ผ่านโหนดตัวแม่ อะไรประมาณนี้อ่ะครับ

โค๊ด:

$("#ul > li").click(function(){
   console.log($(this).html());
});

    

[sbaydee]

โค๊ด:

function getEventTarget(e) {
    e = e || window.event;
    return e.target || e.srcElement; 
}

var ul = document.getElementById('list'); //ไอดีของ ul
ul.onclick = function(event) {
    var target = getEventTarget(event);
    console.log(target.innerHTML);
};

[BakKheab]

โค๊ด:

function getEventTarget(e) {
    e = e || window.event;
    return e.target || e.srcElement; 
}

var ul = document.getElementById('list'); //ไอดีของ ul
ul.onclick = function(event) {
    var target = getEventTarget(event);
    console.log(target.innerHTML);
};

ได้แล้วครับ อย่างเทพเลยท่าน 

ขอบคุณมากมายครับผม