class Snake{
// 表示蛇头的元素
head: HTMLElement;
// 蛇的身体(包括蛇头)
bodies: HTMLCollection;
// 获取蛇的容器
element: HTMLElement;
constructor() {
this.element = document.getElementById('snake')!;
this.head = document.querySelector('#snake>div') as HTMLElement;
this.bodies = document.getElementById('snake')!.getElementsByTagName('div');
}
// 获取蛇的坐标(蛇头坐标)
get X() {
return this.head.offsetLeft;
}
// 获取蛇的Y轴坐标
get Y() {
return this.head.offsetTop;
}
// 设置蛇头的坐标
set X(value: number) {
this.head.style.left = value + 'px'
}
set Y(value: number) {
this.head.style.top = value + 'px'
}
// 蛇增加身体的方法
addBody() {
this.element.insertAdjacentHTML('beforeend', '<div></div>');
}
}
export default Snake;