将外部HTML加载到DIV中

Question

在我的html中，我有一个div id =“ mainWrapper”，我想插入在外部js文件中创建的html标记。 如何在不消除“ MainWrapper”内部任何现有div的情况下做到这一点？ 我希望外部标记是“ mainWrapper”的子代。 以下是我的外部JS文件和HTML文件。

 //External mainScript.js file// var pageContent = { skinImg: "images/staticTO_SKIN_000000.jpg", leaderBoardImg: "images/staticTO_LEADERBOARD.jpg" } function renderLB(){ var markup ='\\ <div id="leaderBoard"><img src='+pageContent.leaderBoardImg+'> </div>\\ <style>\\ #leaderBoard{width:1200px; height:82px; position:relative;top:0px}\\ #pageContent{top: 65px;}\\ </style>' renderMarkup(markup); } renderLB(); function renderMarkup(markup){ }

 <html> <head> <title> </title> <style> body{ padding: 0px; margin: 0px; } #mainWrapper{ width: 1200px; margin: 0 auto; height: auto; } #pageContent{ position: relative; width: 1200px; height: 953px; } </style> </head> <body id="body"> <div id="mainWrapper"> <div id="pageContent"><img src="images/pageSkin.jpg"> </div> <div> <script src="mainScript.js"> </script> </body> </html>

Answer 1

我不确定我了解你想要什么。 但是，如果要在不丢失子节点的情况下将html附加到节点中，则可以这样做：

function renderMarkup(markup) {
  var main_wrapper = document.getElementById('mainWrapper');
  main_wrapper.innerHTML += markup;
}

jQuery为您提供了内置的功能：

$('#mainWrapper').append(markup);

这是文档

将外部HTML加载到DIV中

问题描述

1 个解决方案

解决方案1
1 2016-10-03 00:15:44

将外部HTML加载到DIV中

问题描述

1 个解决方案

解决方案1 1 2016-10-03 00:15:44

解决方案1
1 2016-10-03 00:15:44