0

我想要页面上的两个下一个框,然后您可以将文本复制/粘贴到其中并使用 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'));
        }
    }
};

有点菜鸟,但我正在学习!

4

2 回答 2

2
text1 = document.getElementById("first").value.split("\n");
text2 = document.getElementById("second").value.split("\n");

var limit =  text1.length > text2.length ?  text1.length : text2.length;

for(i=0;i<limit ; i++)
{
    if(text1[i] == text2[i])
    {
        alert(true);
    }
    else
    {
        alert(false);
    }
}
于 2012-06-22T12:58:40.243 回答
1

此代码获取字符串,在换行符处将其拆分,并返回位于提供的索引处的字符串:

function line( n, source ) {

    var a = source,
        b = a.split( '\n' );

    return b[ n - 1 ];

}​

你可以像这样使用它:

if ( line(5, text) === "whatever" ) {
    // ...
}

你可以在这里看到一个演示:http: //jsfiddle.net/wFMty/

于 2012-06-22T13:18:45.013 回答