在javascript中隐藏或显示按钮

Question

I am trying to hide or show a button in javascript, onload the button should be hidden.

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

If data.nextPageURL has a string the button should be visable, if it does not have a string it should be hidden.

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

but don't know where I am going wrong.

Full ajax code:

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

you have a logical issue in your code

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

If data.nextPageURL is here you show your button else you hide it.

Answer 2

Open the snippet and write anything inside the nextPageURL , then the div will appear.

 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>