Javascript 从类中获取信息并将其转换为数组

Javascript 从类中获取信息并将其转换为数组,javascript,html,Javascript,Html,我目前正在构建一个排序系统,我想对这四个元素进行排序,它们都具有相同的类 函数sortByOrdnr(){ var allaOrdnr=document.getElementsByClassName(“ordernumer”); var antal=所有长度; var listWithAllaOrdnr=[]; 对于(变量i=0;i

我目前正在构建一个排序系统,我想对这四个元素进行排序,它们都具有相同的类

函数sortByOrdnr(){
var allaOrdnr=document.getElementsByClassName(“ordernumer”);
var antal=所有长度;
var listWithAllaOrdnr=[];
对于(变量i=0;i
按钮

A

E

B


C

只需使用
.innerHTML
即可获取内部内容。排序并将其添加到类元素中

函数sortByOrdnr(){
var allaOrdnr=document.getElementsByClassName(“ordernumer”);
var antal=所有长度;
var listWithAllaOrdnr=[];
对于(变量i=0;i
按钮

A

E

B


C

只需使用
.innerHTML
即可获取内部内容。排序并将其添加到类元素中

函数sortByOrdnr(){
var allaOrdnr=document.getElementsByClassName(“ordernumer”);
var antal=所有长度;
var listWithAllaOrdnr=[];
对于(变量i=0;i
按钮

A

E

B


C

这里是一个可能对您有所帮助的片段,您应该使用
.innerHTML
设置新内容:

函数sortByOrdnr(){
var allaOrdnr=document.getElementsByClassName(“ordernumer”);
var antal=所有长度;
var listWithAllaOrdnr=[];
对于(变量i=0;i
按钮

A

E

B


C

这里是一个可能对您有所帮助的片段,您应该使用
.innerHTML
设置新内容:

函数sortByOrdnr(){
var allaOrdnr=document.getElementsByClassName(“ordernumer”);
var antal=所有长度;
var listWithAllaOrdnr=[];
对于(变量i=0;i
按钮

A

E

B

这可能会对您有所帮助

document.querySelector('button')。onclick=function(){
let container=document.querySelector('div.container');
让段落=container.querySelectorAll('p.ordernummer');
让dataContainer=[];
forEach(职能(p)段{
dataContainer.push(p.innerText);
}); 
让sorted=dataContainer.sort(函数(下一个,当前){
if(current.toLowerCase()>next.toLowerCase())返回-1;
if(current.toLowerCase()

B

A

E

C

D

分类
这可能会对您有所帮助

document.querySelector('button')。onclick=function(){
let container=document.querySelector('div.container');
让段落=container.querySelectorAll('p.ordernummer');
让dataContainer=[];
forEach(职能(p)段{
dataContainer.push(p.innerText);
}); 
让sorted=dataContainer.sort(函数(下一个,当前){
if(current.toLowerCase()>next.toLowerCase())返回-1;
if(current.toLowerCase()

B

A

E

C

D

分类
这是一个DOM版本

函数sortByOrdnr(){
const oDiv=document.getElementById(“容器”);
常数ps=oDiv.queryselectoral(“p”);
设VAL=[];
ps.forEach(p=>vals.push(p.textContent));
设sortArr=vals.slice(0);
sortArr.sort().forEach(val=>{
oDiv.附件(ps[val.索引(val)])
})
}
按钮

A

E

B

C

这是一个DOM版本

<
HTMLCollection.prototype.sort = function() {
  [...this]
    .sort( (a, b) => a.textContent.localeCompare(b.textContent) )
    .forEach( (val) => val.parentNode.appendChild(val) );
}