我有一个文件(截图)
如何用JS逐行解析这个文件,并将1行放在1个HTML元素中?
null
function loadTxt() {
jQuery.get('http://localhost:8000/np/nowPlaying.txt', function(data) {
var nowPlaying = data;
// what do I do there?
document.getElementById('track').innerHTML = track;
// ...
});
}
<body onload="loadtTxt();">
<p>Now playing</p>
<span id="track"></span>
<span id="by"></span>
<span id="artist"></span>
<span id="from"></span>
<span id="album"></span>
</body>
null
假设data
变量是作为字符串的文件内容,您可以根据\n
拆分它以获得新行。 在您的函数中,执行以下操作:
var splitted = data.split("\n");
var i = 0;
document.querySelector("#track").innerHTML = splitted[i++];
document.querySelector("#by").innerHTML = splitted[i++];
document.querySelector("#artist").innerHTML = splitted[i++];
document.querySelector("#from").innerHTML = splitted[i++];
document.querySelector("#album").innerHTML = splitted[i];