如何在javascript或jquery上插入html

您好，我需要您的幫助傢伙即時通訊新的JavaScript或jQuery的即時通訊嘗試添加一個html代碼內的overlay元素，但它不工作即時通訊使用$（「overlay」）.append（「你好「）;這一個，但它不工作如下輸出如何在javascript或jquery上插入html

的JS是輸入什麼即時試圖做裏面的HTML代碼

init=()=>{ 
     //SELECT & BIND (CLICK) EVENT 
     document.querySelector('a.menuToggle, a#welcomeDivs').addEventListener('click',modal.overlay.init); 
    } 
    modal={ 
     overlay:{ 
      init:()=>{ 
       //CREATE OVERLAY 
       var overlay = document.createElement('overlay'); 
       overlay.id = 'welcomeDivsss'; 
       //SET (CLICK) EVENT TO REMOVE ITSLEF 
       overlay.addEventListener('click',modal.overlay.remove); 
      $("overlay").append("<strong>Hello</strong>"); 

       //APPEND TO INTERFACE 
       document.body.appendChild(overlay); 

      }, 
      remove:(e)=>{ 
       //REMOVE ITSELF 
       e.target.parentNode.removeChild(e.target); 
      }  
     } 
    } 

    //ON DOCUMENT LOAD RUN INIT 
    document.addEventListener('DOMContentLoaded',init);

來源

2017-04-16 techno bisuit

你能告訴我們你想要追加新代碼的HTML代碼嗎？「重疊」是一個id值嗎？如果是，則應在HTML文件上輸入代碼輸出'$（「＃overlay」）' – Webeng

。什麼即時嘗試做sr是在覆蓋內添加一個html代碼@Webeng –

我看到了，讓我知道如果我的回答爲你工作techno – Webeng

-1

您正在嘗試將html附加到正文之前進行疊加。以下是更新的代碼。

init=()=>{ 
     //SELECT & BIND (CLICK) EVENT 
     document.querySelector('a.menuToggle, a#welcomeDivs').addEventListener('click',modal.overlay.init); 
    } 
    modal={ 
     overlay:{ 
      init:()=>{ 
       //CREATE OVERLAY 
       var overlay = document.createElement('overlay'); 
       overlay.id = 'welcomeDivsss'; 
       //SET (CLICK) EVENT TO REMOVE ITSLEF 
       overlay.addEventListener('click',modal.overlay.remove); 

       //APPEND TO INTERFACE 
       document.body.appendChild(overlay); 

       // After overlay added to html. "welcomeDivsss" is overlay id you specified. 
       $("#welcomeDivsss").append("<strong>Hello</strong>"); 

      }, 
      remove:(e)=>{ 
       //REMOVE ITSELF 
       e.target.parentNode.removeChild(e.target); 
      }  
     } 
    } 

    //ON DOCUMENT LOAD RUN INIT 
    document.addEventListener('DOMContentLoaded',init);

來源

2017-04-16 10:06:56

哇！這驚人的你真棒 –

嘗試使用jQuery的的.html（）功能：

$("overlay").html("<strong>Hello</strong>");

來源

2017-04-16 09:55:42 AppleForTheKing

香草的JavaScript：

document.getElementById('welcomeDivsss').innerHTML = "<h1>hi</h1>";

JQuery的：

$("#welcomeDivsss").html("<h1>hi</h1>");

編輯：它也有可能是你正在嘗試加載特定HTML元素之前，使用JavaScript代碼。下面是相同的代碼同上，但以告訴瀏覽器頁面後，只執行JavaScript代碼完全加載： 香草的JavaScript：

window.onload = function(){ 
    document.getElementById('welcomeDivsss').innerHTML = "<h1>hi</h1>"; 
}

JQuery的：

$(document).ready(function(){ 
    $("#welcomeDivsss").html("<h1>hi</h1>"); 
})

來源

2017-04-16 09:57:42 Webeng

如何在javascript或jquery上插入html

回答

相關問題