js获取html元素的方式

+通过ID获取：getElementById('id属性值')

+通过标签名：getElementsByTagName('标签名')

+通过类名：getElementsByClassName('类名')

+通过name属性：getElementsByName('name属性值')

+通过选择器获取一个元素：querySelector

+通过选择器获取一组元素：querySelectorAll

1.获取id值为d1的html元素

将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。

2.通过标签名：getElementsByTagName('标签名')

参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组) 

通过类名：getElementsByClassName('类名')

参数是元素的类名，返回值是一个类数组，没有找到返回空数组。

通过类名：getElementsByClassName('类名')

必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。

通过选择器获取一个元素：querySelector

参数是选择器，返回值只获取到第一个元素。

通过选择器获取一组元素：querySelectorAll

参数是选择器，返回值是一个数组。

box=document.getElementById('box')

//

获取元素

alert(box.getBoundingClientRect().top)

//

元素上边距离页面上边的距离

alert(box.getBoundingClientRect().right)

//

元素右边距离页面左边的距离

alert(box.getBoundingClientRect().bottom)

//

元素下边距离页面上边的距离

alert(box.getBoundingClientRect().left)

//

元素左边距离页面左边的距离

getBoundingClientRect()

---元素距离页面的距离

canvas--详情参考css3(画图用的)

clientX--鼠标位置的x轴坐标

var

xe应该就是一个变量

3.获取在canvas里的点坐标

getBoundingClientRect()//用于获取某个元素相对于视窗的位置集合。集合中有top,

right,

bottom,

left等属性。

function

detect(event){

var

x=event.clientX-canvas.getBoundingClientRect().left

var

y=event.clientY-canvas.getBoundingClientRect().top

}

综合上述应该是获取在canvas里的点坐标吧！

http://blog.csdn.net/gao_xu_520/article/details/59484428