var clientContext = new SP.ClientContext();
var oList  = clientContext.get_web().get_lists().getByTitle('yourList');
var query = new SP.CamlQuery();
query.set_viewXml('<View><Query><OrderBy><FieldRef Name="Display_x0020_Order" /></OrderBy></Query></View>');
this.oListItems  = oList.getItems(query);
clientContext.load(oListItems);
clientContext.executeQueryAsync(onsuccess, onfailed);
var display=""

function onsuccess() {
 
    // Iterate through Enumerator
    var oEnumerator = oListItems.getEnumerator();
 
    while (oEnumerator.moveNext()) {
        var title = oEnumerator.get_current().get_item('Title');
		var id = oEnumerator.get_current().get_id ()
        console.log("Name : " + title,id);
		display=display+"<a href='Details.aspx?PID="+id+"'><h2>"+title+"</h2></a>"
    }
	console.log(display);
	document.getElementById("test").innerHTML=display;
}
 
function onfailed(sender, args) {
    console.log('Failed' + args.get_message() + '\n' + args.get_stackTrace());
}