Question

我正在寻找一种轻松更改变量值之一的方法。我想提高浏览器游戏中的聊天记录。在开发工具中更改高度即可完成工作：

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

但是我可以制作一个脚本并将其放在书签中，让我一键更改此值吗？看起来如何？我知道这是一个琐碎的问题，但是我是菜鸟，您可以删除该问题，我会在其他地方找到帮助。预先感谢！

Answer 1

要使用javascript函数作为书签，您需要使用bookmarklet。您可以在此处Bookmarklet上阅读更多内容。

例如。

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

将此添加到书签的目的地。因此，一旦您点击书签，就会看到Hello i am clicked from bookmark警报。

您可以这样做

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>

Answer 2

另一种方法是使用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”，但我很确定这是可行的

Answer 3

最简单的解决方案是键入

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

在您的控制台中。

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

一键更改类变量的值？（最简单的方法）

3 个答案:

一键更改类变量的值？ （最简单的方法）

3 个答案:

一键更改类变量的值？（最简单的方法）