JavaScript - изменить CSS на HTML-тег?
HTML-тег на этой странице, над которой я работаю, находится в классе, который дает ему верхpadding из28px, Мне нужно, чтобы это временно исчезло при нажатии кнопки, но не похоже, что я могу изменить стиль самого тега HTML.
Мне нужно будет использоватьposition: relative; на теле тега или что-то подобное? Есть ли способ присвоить CSS тегу HTML, о котором я не знаю?
@ Комментарии:
Извините, я немного тороплюсь. Это что-то вроде этого:
<html class='pad_my_top'>
<head>
<style type='text/css'>
.pad_my_top{
padding-top: 28px;
}
body{
background: #000000;
}
</style>
<script type='text/javascript'>
function its_gone(){
// Something here to remove padding.
alert("It's gone. Hurray!");
// Something to put it back.
}
</script>
</html>
<body>
<button onClick='its_gone()'>Click me to get rid of the top padding</button>
</body>
</html>
Я действительно хочу, чтобы все прошло, чтобы я мог распечатать страницу с помощью Javascript, но я бы предпочел не использовать какой-либо сторонний код, потому что это для плагина для Wordpress, и я не хочу миллиарда зависимостей. Мне нужно только скрыть / повторно отобразить 3 div и (пере) изменить 2 стиля.