1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，使用div标签创建一行文字，文字内容为“这是测试的文字内容”。
3、在testhtml文件内，设置div的id属性为abc，用于下面通过该id获得div对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取div里面的值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getdivc（）函数。
6、在js标签中，创建getdivc()函数，在函数内，通过id(abc)获得div对象，使用text()方法获得div内的值，并使用alert()方法将值输出。
7、在浏览器中打开testhtml文件，点击按钮，查看结果。
标签的id属性是具有唯一性的，id的意思就是身份z，两个人的名字可以相同，但身份z号码肯定是不同的。当页面上有多个标签的id相同，那么如果按id来获取标签，将永远只能获得第一个标签。你这里出现了多个id="userid"，如果按照id来获取值，就只能获得第一个的3074了。
参考代码：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>div方块移动</title>
<style>
div1{
width: 200px;
height: 200px;
background-color: gray;
box-shadow: 5px 5px 0 rgba(0,0,0,02);
margin-left: 0px;
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
</style>
</head>
<body>
<div class="div1">
点击我
</div>
<script>
const div = documentgetElementsByTagName("div")[0];
divaddEventListener("click",()=>{
divstylemarginLeft = "200px";
});
</script>
</body>
</html>
效果：
点击之后
代码我放到了Github服务器上，下面是链接：
方块移动
以上就是关于jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值全部的内容，包括:jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值、循环创建的Div点击按钮获取的总是第一行的值我想点击哪行就获取哪行的div值、有3个DIV和3个按钮，首先3个DIV全部显示，点击按钮，对应DIV显示到指定位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）