我想在javascript中添加html標記

-3

所以在這裏我得到這個jquery滑動側菜單插件，我想在JavaScript代碼中添加跨越glyphicon，但它變成了字符串，任何人都可以幫助我嗎？我想在javascript中添加html標記

這是插件代碼，它是完全的JavaScript，這就是爲什麼它是如此難以編輯

<script type="text/javascript"> 
    // Creating the master menu (SideMenu) 
    sideMenu = new SideMenu([ 
     new SMLabelItem("The First Item Added!") 
    ], { 
     overlay: true 
    }); 


    // Adding items with events ("Share") 
    sideMenu.addItem(new SMSubMenuItem("Share", [ 
     new SMButtonItem("Facebook", function() { 
      window.open('http://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(location)); 
     }, "fb"), 
     new SMButtonItem("Twitter", function() { 
      window.open('https://twitter.com/intent/tweet?text=SideMenu.js&url=' + encodeURIComponent(location)); 
     }, "tw"), 
     new SMButtonItem("Google+", function() { 
      window.open('https://plus.google.com/share?hl=es-419&url=' + encodeURIComponent(location)); 
     }, "gp"), 
     new SMButtonItem("Pinterest", function() { 
      alert("Pinterest Share"); 
     }, "pin") 
    ])); 



    // Adding mix items ("Animals") 
    sideMenu.addItem(new SMSubMenuItem("Animals", [ 
     new SMLinkItem("Bunny", "https://www.google.com.pe/?#q=Bunny"), 
     new SMLinkItem("Tiger", "https://www.google.com.pe/?#q=Tiger"), 
     new SMLinkItem("Dog", "https://www.google.com.pe/?#q=Dog"), 
     new SMLinkItem("Cat", "https://www.google.com.pe/?#q=Cat", "_blank"), 
     new SMSubMenuItem("Birds", [ 
      new SMLinkItem("Eagle", "https://www.google.com.pe/?#q=eagle"), 
      new SMLabelItem("Hawk"), 
      new SMLabelItem("Tucan"), 
      new SMButtonItem("Parrot", function() { 
       alert("Hello World!"); 
      }), 
      new SMLabelItem("Chicken"), 
      new SMLabelItem("Duck") 
     ]), 
     new SMLabelItem("Pig"), 
     new SMLinkItem("Crocodile", "https://www.google.com.pe/?#q=Crocodile") 
    ])); 


    // Adding simple label items 
    sideMenu.addItem(new SMSubMenuItem("Continents", [ 
     new SMLinkItem("Europe","https://www.google.com.pe/?#q=Crocodile"), 
     new SMLabelItem("Asia"), 
     new SMLabelItem("Africa"), 
     new SMSubMenuItem("North America", [ 
      new SMLabelItem("Canada"), 
      new SMLabelItem("Mexico"), 
      new SMLabelItem("United States") 
     ]), 
     new SMLabelItem("Center America"), 
     new SMSubMenuItem("South America", [ 
      new SMLabelItem("Argentina"), 
      new SMLabelItem("Bolivia"), 
      new SMLabelItem("Brasil"), 
      new SMLabelItem("Colombia"), 
      new SMLabelItem("Chile"), 
      new SMLabelItem("Ecuador"), 
      new SMLabelItem("Paraguay"), 
      new SMSubMenuItem("Perú", [ 
       new SMLabelItem("Lima"), 
       new SMLabelItem("Trujillo"), 
       new SMLabelItem("Loreto"), 
       new SMLabelItem("Cuzco"), 
       new SMLabelItem("Puno"), 
       new SMLabelItem("Cajamarca"), 
       new SMLabelItem("etc..") 
      ]), 
      new SMLabelItem("Uruguay") 
     ]), 
     new SMLabelItem("Oceanía"), 
     new SMLabelItem("Antartida") 
    ])); 


    // Adding new item 
    sideMenu.addItem(
     new SMButtonItem("Download File", function() { 
      alert("Go Download File!"); 
     }) 
    ); 



    // Adding new item 
    sideMenu.addItem(
     new SMButtonItem("Close", function() { 
      sideMenu.close(); 
     }) 
    ); 



    // CUSTOM ITEM 
    // This is a custom item example 
    // all created custom items extend from SMItem Class. 

    SMUserAccountItem = (function(name, src) { 
     SMItem.call(this); // Call SMItem constructor 
     // this._el is jQuery item object that works how wrapper 
     $(this.el).addClass('sm-item-useraccount') 
      .append(
       this.photo = $('<img/>') 
       .addClass('sm-useraccount-photo') 
       .attr({ 
        src: src 
       }).get(0) 
      ) 
      .append(
       this.name = $('<div/>') 
       .addClass('sm-useraccount-name') 
       .text(name).get(0) 
      ); 
    }); 



    // Finally add SideMenu object to DOM tree target. 
    $(function() { 
     sideMenu.appendTo(document.getElementById('menu')); 
    }); 
</script> 
<body> 
<div id="menu" class="sm-main"></div> 
</body>

來源

2017-07-19 Husen Al-malik

-1

試試這個，希望這會爲你工作;

$('<button />', {

類： 'BTN BTN-默認'，類型： '按鈕'， ID： 'TEST1'， HTML： '' }）;

來源

2017-07-19 09:16:18 sudhanshum

wait2我仍然混淆，我把它放在哪裏？抱歉，但我仍然是一種新的JavaScript或jquery –

在您的JavaScript文件。 – sudhanshum

是的顯然，但具體而言，在哪裏？是否必須製作smlabel對象或將其放入對象中，還是將其轉換爲變量，具體位置放在哪裏？ –

我想在javascript中添加html標記

回答

相關問題