Question

我有一个将在手机上显示的页面。在页面上我有一个链接点击时运行javascript脚本。在脚本中我想隐藏一个使用类名，内容并显示类名，sidebar1。我在脚本中放了一个警告，表明脚本在运行时运行单击链接。当我让脚本运行时它会出来。现在警报后的命令不起作用。有人可以帮忙吗？这是我的剧本：

<script type="text/javascript">
    function displaymenu() {
    alert("I'm the menu");
    document.className.content.style.display = 'none';
    document.className.sidebar1.style.display = '!important';
};

</script>

Answer 1

尝试这样的事情，

document.getElementsByClassName("myClassName").style.display = "none";
document.getElementsByClassName("sidebar1").style.cssText = 'display:inline !important';

Answer 2

如果要更新特定元素的样式，则应使用元素id：

   document.getElementById("myDIV").style.display = 'none';

Answer 3

尝试使用getElementsByClassName（）

document.getElementsByClassName('content');

https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByClassName

或使用jQuery

$('.className').hide();

Answer 4

将您的代码更改为此

<script type="text/javascript">
    function displaymenu() {
    alert("I'm the menu");
    var content = document.querySelector(".content"),
        sidebar1 = document.querySelector(".sidebar1")
    content.style.display = 'none';
    sidebar1.style.display = 'block';
};

</script>

使用javascript更改手机应用的CSS样式

4 个答案: