this.nextSibling không làm việc

Question

tôi mong đợi đoạn mã sau để cảnh báo "out"

<input type=text onfocus="alert(this.nextSibling.id)" /> 
<output id="out">this is output</output> 

Nhưng nó cảnh báo không xác định TẠI SAO?

Answer 1

nextSibling chọn nút anh chị em tiếp theo của phần tử. Nút tiếp theo cũng có thể là textNode không có thuộc tính id, do đó bạn nhận được giá trị undefined. Vì câu trả lời khác cho thấy bạn có thể sử dụng thuộc tính nextElementSibling đề cập đến nút anh chị em tiếp theo có nodeType của 1 (tức là đối tượng Element) hoặc xóa các ký tự ẩn giữa các phần tử.

Lưu ý rằng IE8 không hỗ trợ thuộc tính nextElementSibling.

Answer 2

Hãy thử điều này:

alert(this.nextElementSibling.id); 

LƯU Ý: Các nextSibling tài sản trả về nút ngay sau khi nút được chỉ định, ở mức cây giống.

nextElementSibling thuộc tính chỉ đọc trả về phần tử ngay sau phần tử được chỉ định trong danh sách con của cha mẹ hoặc null nếu phần tử được chỉ định là phần tử cuối cùng trong danh sách.

Answer 3

Giả sử rằng bạn có thể sử dụng jQuery

Lưu ý rằng this.nextSiblingmight not work in IE specifically

Các jQuery thay thế cho this.nextSibling là $(this).next()