2 dabocaiqq dabocaiqq 于 2018.09.15 00:14 提问

怎么利用javascapt语言实现3个div的排列的顺序的排序操作?怎么对3个div排列?

怎么利用javascapt语言实现3个div的排列的顺序的排序操作?怎么对3个div排列?

1个回答

showbo
showbo   Ds   Rxr 2018.09.15 20:16
已采纳

将对象放入数组,调用sort方法就可以排序了,注意是放入数组,HTMLCollection没有sort方法

 <div>13</div><div>7</div><div>9</div><div>2</div>
<script>
    var div = Array.from(document.getElementsByTagName('div'));
    div.sort(function (a, b) { return a.innerHTML - b.innerHTML })
    for(d of div)document.body.appendChild(d)
</script>
caozhy
caozhy 正确
6 天之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
如何让同一行上的三个DIV,从左到右排列
html>    head>        title>CSStitle>    head>    style type="text/css" rel="stylesheet">...        * {...}{            margin:0;            padding:0;        }        #left {...}{            widt
三个DIV并排放置
无标题文档 .left{ float: left; width: 100px; background-color: #FF0000; height: 50px; margin-top: 100px; } .center{ margin-left: auto; margin-right: auto; width: 100px; background-color: #
3个div水平居中
margin-left:10px;"> div要横向排列就要用float,居中要用margin-left:auto;margin-right:auto,但是有float,这个margin-left:auto;margin-right:auto;就会出问题,所以就要在外围定义一个容器,在外围设置margin-left:auto;margin-right:auto居中
三个div元素在同一行靠右排列
首先,定义一个大的div包括这三个div,这个大的div属性设置 然后,把左边和中间的div设置为,把最右边的div设置成: 经过上面设置,即可把三个div排列在同一行。 源代码如下:                         创建任务             创建版本任务             创建其他任务                  
用指针将三个整数从小到大排序
#include<cstdio> #include<algorithm> #include<iostream> #include<cmath> #include<iomanip> #include<string> #include<cstring> using namespace std; void swap(int *p1, int *p2) { int p; p=*p1;
对3个函数从小到大排序,使用变量的引用
#include<iostream> using namespace std; int main() { void sort(int &,int &,int &); int a,b,c; cout<<"input 3 integers:"; cin>>a>>b>>c; sort(a,b,c); cout<<a<<" "<<b<<" "<<c<<endl
实现三个并排div,两边固定宽度,中间自适应的四个方法
个人整理的实现三个并排div,两边固定宽度,中间自适应的四个方法,废话不多说,先上代码,可以直接复制看效果。 Document html,body{width:100%;height:100%;margin:0;padding:0;} .cf:after{content:"";display:block;height:0;clear:both;} .
多个 DIV 自动 排序(基于Jquery)
$(function () {             var div = $('div').toArray().sort(function (a, b) {                 return parseInt($(a).attr("str")) - parseInt($(b).attr("str"))             });            $(div).app
css margin参考和两个div水平排列的解决方案
首先自己给出margin的四个值的顺序,这个不是难点但是自己列在这里作为参考吧:例子 1margin:10px 5px 15px 20px; 上外边距是 10px 右外边距是 5px 下外边距是 15px 左外边距是 20px例子 2margin:10px 5px 15px; 上外边距是 10px 右外边距和左外边距是 5px 下外边距是 15px例子 3margin:10px 5px; 上外边距和
DIV横向排列_CSS如何让多个div盒子并排同行显示
DIV横向排列_CSS如何让多个div盒子并排同行显示 我们先设置3个div盒子对象,什么css样式都不设置看看效果。代码如下:如何让多个div盒子并排同行div横向排列显示呢? 三个div盒子均独占一行显示 div盒子本身默认样式属性是独占一行,而解决div独占一行方法通常有两种,一种为设置浮动,另外一种为设置display样式。接下来为大家通过文章+图

相似问题

2
请问这个getinput和readinput分别代表什么,怎么用?因为要求不让用scanf
2
求delphi高手转换个C语言的CRC16算法,算法如下
1
apollo服务器mqtt单片机怎么往上发报文
4
leetcode 345反转字符串中的元音字母C语言
2
javascript语言怎么读取我的文档目录下的word文件并且自动汇总,判断后再显示出来?
5
怎么在javascopt语言的开发中实现div双向判断对应的input?
4
javascrpt语言里怎么实现div点击以后通过文本框给它更新的功能,html的实现?
5
leetcode 383赎金信 C语言
1
leetcode167两数之和c语言问题
4
如何利用javascrpt语言实现网页判断?怎么判断一个网页,用javasipt实现
3
真挚求教高分悬赏,请问怎么在javascrip语言里实现下载电子邮件的附件?
2
leetcode219存在重复元素C语言问题
5
利用c语言及easy x制作一个坦克大战小游戏,要求代码简单基础,不超过800行最好
16
简单的js问题,回答就有c币了:请问怎么在js里面实现求一个矩阵的数学期望值?
7
在线等高手,怎么利用javascpt语言的eval函数,实现一个简单的表达式计算器,怎么做?
27
急等马上就给c币,输入3个数字,求其中最大的和最小的数字,怎么实现?
4
javascrpt语言怎么实现ghost方式重装系统,并且重启返回网页的功能
3
leetcode268缺失数字 C语言
6
javascrpt语言中实现windows系统的垃圾清理怎么实现呢?请问怎么实现垃圾文件清除
12
在c语言里数组长度是固定的么(不讨论柔性数组)比如int a[5]=0,1,2,3,4