改变放置文本的位置

时间:2015-05-12 15:51:32

标签: javascript if-statement

我有一个非常基本的if语句,它的内容如下:

var p1 = document.getElementById('p1').value;
var p2 = document.getElementById('p2').value;

if(p1==p2){
    document.write("P1=P2");
} else {
    document.write("P1 Does Not Equal P2")
};

遵循以下HTML

<p id="p1">2</p>
<p id="p2">4</p>

我只是希望能够确定p1中的值是否大于或小于p2的值。最终这将产生比document.write更大的后果,但此时if语句无法识别<p></p>之间的内容。

2 个答案:

答案 0 :(得分:0)

p标签没有值。您可以获取innerHtml并进行比较:

var p1 = document.getElementById('p1').innerHtml;
var p2 = document.getElementById('p2').innerHtml;

答案 1 :(得分:0)

段落标记没有值,因此您需要使用innerHTML。

var p1 = document.getElementById('p1').innerHTML;
var p2 = document.getElementById('p2').innerHTML;

if(p1==p2){
    console.log("P1=P2");
} else {
    console.log("P1 Does Not Equal P2")
};

然而,这并没有解决问题的第二部分,因为你提到最终你需要知道&gt;或者&lt;,也。要实现这一点,您可以将标记更改为其他内容(div?)或将结果值转换为数字。

var p1 = document.getElementById('p1').innerHTML;
var p2 = document.getElementById('p2').innerHTML;

var v1 = Number(p1);
var v2 = Number(p2)

console.log(p1);
console.log(p2);
console.log(v1);
console.log(v2);

if(v1==v2){
    console.log("P1=P2");
} else {
    console.log("P1 Does Not Equal P2")
};