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

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)

标签： javascriptmedia-queries

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>