首页 文章

只需点击一下即可更改类变量的值？ （最简单的方法）

提问于
浏览 次
0

我正在寻找一种方法来轻松改变变量的值 . 在浏览器游戏中有一个我想要更高的聊天 . 在dev工具中更改高度可以完成以下工作：

<div class="tsbchat" style="position: relative; width: 100%; height: 160px; margin-bottom: 20px;">

但我可以制作一个脚本并将其放入书签中，这样我只需点击一下即可更改此值吗？它会是什么样子的？我知道这是一个微不足道的问题，但我是一个菜鸟，你可以删除这个问题，我会在其他地方找到帮助 . 提前致谢！

javascript class firefox-addon

3 回答

  • 0

    For using a javascript function as bookmark you need to use bookmarklet.You can read up more here about it Bookmarklet.

    例如 .

    javascript:( alert(' Hello i am clicked from bookmark '));

    将其添加到书签的目的地 . 所以一旦你点击书签，你就会看到 Hello i am clicked from bookmark 警报 .

    You can do it like this

    这里handleClick是一个函数，当你点击div时会调用它 . 然后我们按类名选择元素并改变它的样式 .

    function handleClick(){
  let element = document.getElementsByClassName('tsbchat');
  element[0].style.height = "1000px"; //chnage to amount you want
}

    .tsbchat{
  position : relative;
  width : 100%;
  height : 160px;
  margin-bottom: 20px;
  border: 1px solid black;
 }

    <body>
<div class="tsbchat" onclick="handleClick()">Hello</div>
</body>
    回复于
  • 0

    最简单的解决方案是键入

    document.getElementsByClassName('tsbchat')[0].style.height='600px'

    在你的控制台中 .

    记得添加[0]，因为 getElementsByClassName 返回一个数组

    回复于
  • 0

    另一种方法是使用jQuery

    function handleClick(){
  $(".tsbchat").css("height", "100px"); //choose the amount you want
}

    .tsbchat{
  position : relative;
  width : 100%;
  height : 160px;
  margin-bottom: 20px;
  border: 1px solid black;
 }

    <body>
<div class="tsbchat" onclick="handleClick()">Hello</div>
</body>

    通过这种方式，您可以扩大div，但只需要一次使用此脚本，如果您需要多次使用：

    function handleClick(){
    $(".tsbchat").css("height", function(){
                        return $(".tsbchat").css() + 100;
                      });

}

    注意：不确定是否这样你必须指定“px”，但我很确定这是有效的

    回复于

相关问题