javascript - 调用 Javascript 返回字符串作为 div ID

Question

如果屏幕宽度大于高度，我只需要在 div ID 的末尾附加一个“W”，如果屏幕宽度大于高度，则附加一个“H”。

我不知道这是否可行，但我需要根据函数返回的内容更改 div 标签的 ID。我认为使用 Javascript 可以做到这一点，因为 PHP 没有检测屏幕尺寸的能力。

我已经展示了我失败的想法。我的大部分代码可能语法不正确，因为我不太了解 js...

<script>
    function myFN(idName) { 
        return (window.screen.width > window.screen.height) ? idName+"-w" : idName+"-h";
    }
</script>

<div class="className" id="myFN(idName);"></div>

或者也许

<script>
    function myFN() {
        return (window.screen.width > window.screen.height) ? "-w" : "-h";
    }
</script>

<div class="className" id="idName"+myFN(); ></div>

Answer 1

不幸的是(或者幸运的是)您不能调用 javascript 函数作为 html 标记声明的一部分。我建议你看一下 jQuery，它可以很容易地选择一个元素，然后更改它的 id:

$('#idName').attr('id', 'newId');

再简单不过了。