我想要页面上的两个下一个框,然后您可以将文本复制/粘贴到其中并使用 JavaScript 比较两者。
<textarea id="first"></textarea>
<textarea id="second"></textarea>
使用 JavaScript 然后我想用简单的东西逐行比较这两者
if [line X of id="first"] != [line X of id="second"]
然后我想强调一下这些台词。
我不确定如何逐行访问 textarea 的值,还是需要获取整个值并将其拆分为数组?
有人可以为我提供逐行访问文本区域的语法吗?
另外,如果您认为我做错了,或者他们的方法更简单,请告诉我!
编辑:这是我的完整解决方案:
HTML
<!DOCTYPE html>
<html>
<head><script src="split.js?" type="text/javascript"></script>
</head>
<body>
<textarea style="float: left; width: 45%" id="first" name="comments" autocomplete="off" cols="40" rows="5" width="50%"></textarea>
<textarea style="float: right; width: 45%" id="second" name="second" autocomplete="off" cols="40" rows="5"></textarea><br>
<button onClick="compare()">Compare</button>
<br><br><br><br><br><br><br><center><div id="results"></div></center>
</body>
</html>
Javascript
function compare() {
document.getElementById('results').innerHTML = "";
var first = document.getElementById("first");
var second = document.getElementById("second");
if(document.all) { // IE
var f = first.value.split("\r\n");
var s = second.value.split("\r\n");
} else { //Mozilla
var f = first.value.split("\n");
var s = second.value.split("\n");
}
for(var i=0; i<f.length; i++) {
if (f[i] !== s[i]) {
var row = i;
row++
document.getElementById('results').appendChild(document.createTextNode("Box 1 Does not Match Box 2 on line: " + row));
document.getElementById('results').appendChild(document.createElement('br'));
}
}
};
有点菜鸟,但我正在学习!