Question

我试图在javascript中隐藏或显示button，onload按钮应隐藏。

function hideButton(){
    var x = document.getElementById('myDIV');
    x.style.display = 'none';
}

如果data.nextPageURL有一个字符串，那么该按钮应该是可见的，如果它没有字符串则应该被隐藏。

var x = document.getElementById('myDIV');
if(data.nextPageURL){
   x.style.display = 'block';
}
else if(data.nextPageURL == "") {
    x.style.display = 'none';
}

但不知道我哪里出错了。

完整的ajax代码：

function loadMore(url, data1) {
    $.ajax({
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        },
        'type': 'POST',
        'url': url,
        'data': JSON.stringify(data1),
        'dataType': 'json',
        success: function (data) {
            //var json = JSON.stringify(data);
            var table = document.getElementById("searchList");
            for (var i=0; i < data.businesses.length ; i++) {
                var business = data.businesses[i];
                var row = table.insertRow(-1);
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
                var cell3 = row.insertCell(2);
                var cell4 = row.insertCell(3);
                var cell5 = row.insertCell(4);
            }
            var x = document.getElementById('myDIV');
                if(data.nextPageURL == ""){
                    x.style.display = 'none';
            }
            else {
                x.style.display = 'block';
            }

Answer 1

您的代码中存在逻辑问题

var x = document.getElementById('myDIV');
if(data.nextPageURL){
   x.style.display = 'block';
} else {
    x.style.display = 'none';
}

如果data.nextPageURL在这里你显示你的按钮，你可以隐藏它。

Answer 2

打开代码段并在nextPageURL内写下任何内容，然后会显示div。

var x = document.getElementById('myDIV');

function hideButton() {
  if (data.nextPageUR) {
    x.style.display = 'block';
  } else {
    x.style.display = 'none';
  }
}

hideButton();

#myDIV {
  height: 50px;
  width: 50px;
  background: blue;
}

<div id='myDIV'></div>

在javascript中隐藏或显示按钮

2 个答案: