gpt4 book ai didi

Javascript - 修改 HTML 标签上的 CSS?

转载 作者:太空狗 更新时间:2023-10-29 13:05:28 25 4
gpt4 key购买 nike

我正在处理的这个页面上的 HTML 标记所在的类为其提供 28px 的顶部 padding。单击按钮时,我需要它暂时消失,但我似乎无法更改 HTML 标记本身的样式。

我需要在 body 标签或类似的东西上使用 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 个样式。

最佳答案

使用它来移除顶部填充:

document.documentElement.style.paddingTop = "0";

然后将其设置回去:

document.documentElement.style.paddingTop = "28px";

关于Javascript - 修改 HTML 标签上的 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13809178/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com