
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
参数是选择器,返回值是一个数组。
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
var test = function ()
{
var reg = /(rotate\([\-\+]((\d+)(deg))\))/i;
var wt = divstyle['-webkit-transform'], wts = wtmatch (reg);
var $2 = RegExp$2;
consolelog ($2);
divstyle['-webkit-transform'] = wtreplace ($2, parseFloat (RegExp$3) + 10 + RegExp$4);
}
</script>
</head>
<body>
<button onclick="test();">rotate</button>
<div id="div" style="width: 300px; height: 300px; border: 1px solid black; -webkit-transform: translate(300px, 0px) rotate(10deg) scale(1, 1)">ddd</div>
</body>
</html>
以上就是关于js获取html元素的方式全部的内容,包括:js获取html元素的方式、js怎样获取元素的rotate属性、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)