javascript - 如何在浏览器调整大小时更改 div 元素的 id？

Question

我有这个代码

<div id="123"></div>

我想在浏览器调整大小时将 id 更改为 234

<div id="234"></div>

我已经使用媒体查询，但我认为这是不可能的

@media screen and (max-width: 479px) {

    #123 {

    }
} 

Answer 1

您可以使用 javascript 或 jQuery 轻松完成此操作。这是用 JS 编写的示例。

window.onresize = function(){
    var div = document.getElementById("aaa");
    if(div){
        div.setAttribute("id", "bbb");
    }
}

#aaa {
    font-size: 10px;
}
#bbb {
    font-size: 10em;
}

<div id="aaa">Resize</div>