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) );
}