Question

因此，对于简短的上下文，我的程序读入一个文件并将其显示在html页面上。下面的代码使用正则表达式来读取该文件并提取错误。而不是每次使用console.log和调试，有没有我可以将结果写入HTML页面？

我用的时候：

document.getElementById("").innerHTML

它会打印出最后一个摘要，而不是打印出所有摘要。

我尝试使用控制器和ng-repeat（AngularJS）来做到这一点，但不知怎的，我做得不对。

任何想法 - 都不必在AngularJS ???

while ((match = reDiaBtoa.exec(reader.result)) != null) {
    if (match.index === reDiaBtoa.lastIndex) {
        reDiaBtoa.lastIndex++;
    }

    // View your result using the match-variable.
    // eg match[0] etc.
    // extracts the status code: ERROR

    if (match[2] === "ERROR" || match[2] === "FATAL" || match[2] === "SEVERE") {
        console.log("Time: " + match[1]);
        console.log("Thread Name: " + match[3]);
        console.log("Source name & line number: " + match[4]);
        console.log("Log Message: " + match[5] + '\n');
        console.log("-----------------------------------------------------------------");
    }
} //end of the while loop ((match = reDiaBtoa.exec.....))

Answer 1

如果您使用

document.getElementById("someId").innerHTML =

它会覆盖现有的html。

相反，请使用

document.getElementById("someId").innerHTML +=

Answer 2

在while循环之前创建一个字符串变量，然后在循环中追加它：

var outputToDisplay = "";
//While loop
outputToDisplay += "Time: " + match[1];
//etc

//End While
document.getElementById(theId).innherHTML = outputToDisplay;

写入HTML页面

2 个答案: