媒体查询隐藏/显示表格？

Question

如何使用带有JavaScript的媒体查询在表格（id = firsttable）的隐藏/显示之间切换？我的代码是：

    function myFunction(r) {
        var q = document.getElementById('firsttable');
        if (r.matches) {
                q.style.display = 'none';
            } else {
                q.style.display = 'block';
            }
        }
    var r = window.matchMedia("(max-width: 700px)")
    myFunction(r) 
    r.addListener(myFunction)

Answer 1

@executable在评论中回复：

window.onresize = function(event) {
	var w = window.innerWidth;
  if(w > 700){
  	document.getElementById('text').style.display = 'block';
  }else{
   	document.getElementById('text').style.display = 'none';
    }
};

<span id="text">Lorum</span>