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
参数是选择器，返回值是一个数组。
没那么麻烦，css就可以解决的。
比如你想居中的为<img src="picgif">，你把它放在这个<div align="center" style="margin-left:auto;margin-right:auto;width:400px"><img src="picgif"></div>里面，这样就居中了，因为div的左右外边距都是auto，也就是自动的，也就是让左右外边距大小一致，所以左右自适应，div就会居中，这个办法是经常用到的，就是把div这个块级元素给居中，希望能帮到您，要是有问题请追问，我帮你解答，呵呵
下面给你个完整的例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
1获取dom元素
2dom元素的属性
3获取元素到页面顶部的距离，原生js只能获取相对于父级的top值，所以需要递归获取offsetParent，直到最外层
4滑动动画
5浏览器滑动无效？兼容所有浏览器设置scrollTop的方法：
最近做项目，由于zepto使用的功能较少，想将zepto的功能用较少原生实现，其中有个实现zepto的offset()方法取到各种值的难为了我，我百度了下，大体网上千篇一律的这样写到
我本着试试看的态度将这个方法炒了上去，打印出值结果与我需要的值相差甚远，为此我仔细翻了下源码，源码见下面链接
源码
找到如下方法getBoundingClientRect，翻了下caniuse发现兼容性还好（本人移动端），故可以写成以下方式
如果要考虑兼容性，请仔细看zepto源码
另外上述
改成
也可以实现
objectgetBoundingClientRect()是你想要的
你的采纳是我前进的动力,记得好评和采纳，答题不易，互相帮助，
手机提问的朋友在客户端右上角评价点满意即可
如果你认可我的回答，请及时点击采纳为满意回答按钮！
你是想获取a标签？documentgetElementById("href4");就可以，如果获取不到，有可能是你js有问题，把js其他贴出来看一看，或者试一下下面的代码：<a href="#" id="testa">test</a>
<script type="text/javascript">
windowonload=function(){
alert(documentgetElementById("testa"));
}
</script>
以上就是关于js获取html元素的方式全部的内容，包括:js获取html元素的方式、用javascript 获取屏幕分辨率 来决定网页中元素位置的问题、React中ref获取元素位置，并通过js滑动到对应位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）