当前位置: 首页 > 编程笔记 >

js利用appendChild对

慕容玉书
2023-03-14
本文向大家介绍js利用appendChild对
  • 标签进行排序的实现方法,包括了js利用appendChild对
  • 标签进行排序的实现方法的使用技巧和注意事项,需要的朋友参考一下
  • 按照从大到小排序

    appendChild:

    假设父级a中已经有子节点b,那么a.appendChild(b)的作用是:1.先将子节点b从父级a中删除;2.再将子节点b添加到a中,放在最末尾。

    <body>
      <button id="bt1">提交</button>
      <ul id="ul1"> 
        <li>32</li>
        <li>243</li>
        <li>43</li>
        <li>24</li>
        <li id="t">2</li>
        <li>84</li>
        <li>84</li>
        <li>25</li>
      </ul>
    </body>
    <script>
      window.onload=function(){
      var oUl1=document.getElementById('ul1');
      var oBt=document.getElementById('bt1');
    
      oBt.onclick=function(){
      var oLi=document.getElementsByTagName('li');
    
      var arr=[];
      //将<li>标签放入空的arr数组中
      for(var i=0;i<oLi.length;i++){
        arr[i]=oLi[i]; 
         }
      //sort排序,数组中每个元素都是一个<li>,所以要用innerHTML
      arr.sort(function(li1,li2){
        var n1=parseInt(li1.innerHTML);
        var n2=parseInt(li2.innerHTML);  
        return n1-n2; 
      })
      //通过appendChild进行排序
      for(var i=0;i<arr.length;i++){
        oUl1.appendChild(arr[i]);
      }  
      }
      }
    </script>

    以上就是小编为大家带来的js利用appendChild对标签进行排序的实现方法全部内容了,希望大家多多支持小牛知识库~

     类似资料:
    • 问题内容: 问题是,比较使用innerHTML的隐含条件并将文本节点附加到现有节点。幕后发生了什么? 到目前为止,我对此的想法是: 我猜都是在引起“ ReFlow”。 据我所知,后者(附加一个文本节点)也会导致DOM的完全重建(正确?他们都在这样做吗?)。 前者似乎还有其他讨厌的副作用,例如导致先前保存的对子节点的引用指向我正在修改innerHTML的节点,不再指向“当前DOM” /“子节点的正确

    • 我现在正试图利用这一时刻。带有require的js库。js和我仍然难以理解这样一个项目的正确设置。以下是我主要的工作。js文件: 我使用一个单独的模块进行配置。该模块如下所示: 如您所见,我试图更改此文件中矩对象的全局语言,但遇到以下错误消息: 后来: 第一条错误消息是正在加载的语言模块,尽管它应该在片刻模块之后加载(如果我做得对的话)。第二个是从尝试切换到尚未加载的语言模块的矩模块。 有人能在这

    • 问题内容: 我有一个脚本,可以在按下当前元素时添加一个输入字段元素。当我使用innerHTML时,它将替换当前内容,这不是我想要的。所以我想appendChild应该添加而不是替换,但是它不起作用。这是我的剧本 和我的HTML内容。 还有我的addfile.php文件。 有输入吗?同样,innerHTML可以工作,appendChild不能工作。谢谢。 问题答案: parent.appendChi

    • 本文向大家介绍js利用prototype调用Array的slice方法示例,包括了js利用prototype调用Array的slice方法示例的使用技巧和注意事项,需要的朋友参考一下

    • 问题内容: 我在httpd.conf上设置了Expiry 这有助于浏览器缓存图像,字体文件,站点自己的css和js文件。但我的网站中也包含外部JS: Google Pagespeed Insights对上面的文件说: 在静态资源的HTTP标头中设置到期日期或最长期限,可以指示浏览器从本地磁盘而不是通过网络加载以前下载的资源。 如何利用浏览器缓存此外部JS文件?有帮助吗? 问题答案: 确实是个烦人的

    • 正如我们所知,在Hyperledger Fabric中,我们可以使用NodeJS开发链码。我发现大部分的chaincode教程都提供了非常简单的例子。谁能请建议如何使用NodeJs开发实时链码像(汽车拍卖)。 我已经在https://github.com/itpeople-blockchain找到了“汽车拍卖”的链码,但它是在“go-lang”开发的。 请建议如何在NodeJS中开发同样的链式代码