如何通過JavaScript/JQuery將HTML文檔添加到<div></div>？

如何通過JavaScript/JQuery將HTML文檔添加到<div></div>？如何通過JavaScript/JQuery將HTML文檔添加到<div></div>？

這是我到目前爲止;

emailBodyInclude.html

使用JavaScript/JQuery的，我怎麼能去有關從HTML文檔中刪除的形式中的任何聲明：我會留下

<!DOCTYPE html> 
<html class="no-js"> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<title></title> 
<meta name="description" content=""> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<head></head> 
<body></body>

所以：

<link rel="stylesheet" href="css/imports/reset.css" type="text/css" /> 

<script> 
    // JavaScript 
</script> 

<p>Hello world! This is HTML5 Boilerplate.</p>

這樣我就可以安全地插入剩下的東西到<div></div>

謝謝大家提前。

UPDATE：

emailBodyInclude.html是從供應商檢索，如雅虎，例如HTML郵件的字符串。它是動態的，並且無法告訴語法是什麼樣子。我想將這個html文件包含在另一個文件中。裏面一個<div class="htmlMail"></div>

<!DOCTYPE html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="../../baseCSS/bootStrap/bootstrap.min.css"> 
</head> 
<body> 
    <div class="header">This is a HTML email</div> 
    <div class="htmlMail"></div> 
</body> 
</html>

來源

2015-11-09 Program-Me-Rev

你不能用一個襯墊做到這一點...提取您要爲Java腳本什麼，然後刪除一切，重新添加。 ..可能是最好的方法。 – Seabizkit

PS不是我，剛剛投了票，我同意你的看法。 – Seabizkit

您可以使用負載此http://api.jquery.com/load/

$('.htmlMail').empty().load('emailBodyInclude.html');

來源

2015-11-09 03:51:27 blamb

我已經試過了，並且不起作用。請看看我的更新。 –

什麼沒有工作呢？你是否得到一個錯誤，或者你的身體什麼都不做？看我的編輯？ – blamb

如何通過JavaScript/JQuery將HTML文檔添加到<div></div>？

回答

相關問題