Изменить значение переменной класса одним щелчком мыши?(самый простой способ) - PullRequest
Новая
       0

Изменить значение переменной класса одним щелчком мыши?(самый простой способ)

0 голосов
/ 09 декабря 2018

Я ищу способ легко изменить значение одной из переменных.В браузерной игре есть чат, который я хочу сделать выше.Работает ли изменение высоты в инструментах разработки: 

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

Но могу ли я сделать, например, скрипт и поместить его в закладки, которые позволят мне изменить это значение одним щелчком мыши?Как бы это выглядело?Я знаю, что это тривиальный вопрос, но я нуб, вы можете удалить вопрос, и я найду помощь где-нибудь еще.Заранее спасибо!

Ответы [ 3 ]

0 голосов
/ 09 декабря 2018

Другой способ - использовать 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», но я совершенно уверен, что это работает

0 голосов
/ 09 декабря 2018

Самое простое решение - набрать 

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

в вашей консоли.

Не забудьте добавить [0], потому что getElementsByClassName возвращает массив

0 голосов
/ 09 декабря 2018

Для использования функции 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...