如何在if语句中使用html元素?

时间:2017-06-23 18:41:46

标签: javascript html

我想制作if语句来检查类似的东西:

  

如果单击按钮并且页面数等于1,则应该提醒

这是我的代码:



<button id="last-page" onclick="getNum()">last page</button>
<script>
  function getNum() {
    var numPage = document.getElementById("page-num").value;

    if (numPage === 1) {
      console.log("matches");
    } else {
      console.log("doesn't match");
    }
  }
</script>
<div id="page-num">1</div>
&#13;
&#13;
&#13;

但它并不匹配

为什么?

1 个答案:

答案 0 :(得分:0)

这里有很多问题:

  • 您使用严格相等===来尝试比较字符串和数字
  • 您尝试访问非输入元素上的.value,因此numPageundefined

解决方案:

&#13;
&#13;
<button id="last-page" onclick="getNum()">last page</button>
<script>
  function getNum() {
    var numPage = document.getElementById("page-num").textContent;

    if (numPage == 1) {
      console.log("matches");
    } else {
      console.log("doesn't match");
    }
  }
</script>
<div id="page-num">1</div>
&#13;
&#13;
&#13;