求助如何使用js向div追加html代码

2025-01-24 21:21:23
推荐回答(2个)
回答1:

//这是直接插入html
document.getElementById("div_id").innerHTML = "你想往div里插入的html代码";
//如果想追加,可以这样
//先保存div中原来的html
var html = document.getElementById("div_id").innerHTML;
//再跟你想追加的代码加到一起插入div中
document.getElementById("div_id").innerHTML = html + "你想往div里追加的html代码";

回答2:

  1.  

  2.  

 

  •  

  •  

  • A

     

  •  

  •  

  • B

     

  •  

  •  

  • C

     

  •  

  •  

  • D

     

  •  

  •  

  •  

  • 将写好的c.js文件放置同一个目录下面

    1. var entries = [ 

    2. "term": "CALAMITY", 

    3. "part": "n.", 

    4. "definition": "A more than commonly plain and..." 

    5. }, 

    6. "term": "CANNIBAL", 

    7. "part": "n.", 

    8. "definition": "A gastronome of the old school who..." 

    9. }, 

    10. "term": "CHILDHOOD", 

    11. "part": "n.", 

    12. "definition": "The period of human life intermediate..." 

    13. //省略的内容 

    14. ]; 

    15. var html = ''; 

    16. $.each(entries, function() { 

    17. html += '

      '; 

    18. html += '

      ' + this.term + '

      '; 

    19. html += '

      ' + this.part + '
      '; 

    20. html += '

      ' + this.definition + '
      '; 

    21. html += '

    '; 

  • }); 

  • $('#dictionary').html(html);

  • //$('#dictionary').append(html);

  • 这里的$('#dictionary').html(html);可以直接将需要的代码放入到指定的div内  (

    )

    也可以通过$('#dictionary').append(html);将代码附加到指定的div内  (

    )

    相关问答
    最新问答