UPDATE:
從你的問題,從您的評論說什麼。我假設你有這樣一個場景:
- 你有一個文件的一些信息。
- 你想用你的信息填充你的div。
所以在進一步創建一個格式良好的文件來存儲所有的信息之前。例如
<?xml version="1.0" encoding="UTF-8"?>
<data>
<div>
<h2>lorem ipsum</h2>
<p>brown fox jump hover the lazy dog</p>
</div>
<div>
<h2>lorem ipsum 1</h2>
<p>brown fox jump hover the lazy dog 1</p>
</div>
</data>
然後使用AJAX來加載內容,並追加到想要的元素像下面
<html>
<head>
<title></title>
<script>
var descriptor;
function init() {
descriptor = document.getElementById("descriptor");
loadFromFile('data.xml');
}
function loadFromFile(thisfile) {
var xmlhttp;
if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var data = xmlhttp.responseXML.documentElement.getElementsByTagName('div');
var divs = '';
for(var i = 0; i < data.length; i++) {
var div = data[i];
divs += '<div>';
divs += '<h2>' + div.getElementsByTagName('h2')[0].firstChild.nodeValue + '</h2>';
divs += '<p>' + div.getElementsByTagName('p')[0].firstChild.nodeValue + '</p>';
divs += '</div>';
}
descriptor.innerHTML = divs;
}
}
xmlhttp.open("GET", thisfile, true);
xmlhttp.send();
}
</script>
</head>
<body onload="init()">
<div id="descriptor"></div>
</body>
</html>
你想達到什麼目的? – 2012-03-23 09:33:09
這是不可能的。您需要使用AJAX – 2012-03-23 09:34:49
@ Capt.Morgan:查看我的更新,也許它對您有所幫助。 – 2012-03-23 12:54:47