gpt4 book ai didi

javascript - 用 JavaScript 隐藏一个 div

转载 作者:行者123 更新时间:2023-11-28 16:06:40 25 4
gpt4 key购买 nike

我正在尝试使用 javascript 在我的网站上隐藏一个 div。

HTML:

<div class="portlet-boundary portlet-boundary_39_ portlet-borderless portlet-rss  portlet-draggable yui3-dd-drop" id="p_p_id_39_INSTANCE_gUlP5HeyQaiq_">

JavaScript :

document.getElementById('p_39_INSTANCE_gUlP5HeyQaiq').style.display="none";

我收到这个错误:未捕获的类型错误:无法设置 null 的属性“样式”

顺便说一下,我正在使用 Liferay。有人知道我的问题在哪里吗?提前致谢。

最佳答案

原则上工作正常:

function hide() {
document.getElementById("p_p_id_39_INSTANCE_gUlP5HeyQaiq_").style.display = "none";
}
<div class="portlet-boundary portlet-boundary_39_ portlet-borderless portlet-rss  portlet-draggable yui3-dd-drop" id="p_p_id_39_INSTANCE_gUlP5HeyQaiq_">GOODBYE</div>
<button onclick="hide()">Hide</button>

如果您修复 ID 以确保它是完全相同的,则要检查的另一件事是确保 <div>在调用 JS 行时存在。您可以通过移动 <script> 来完成此操作到你的 <body> 结尾,或者通过将调用包装在一个处理程序中,确保它只在加载所有 HTML 之后调用。

关于javascript - 用 JavaScript 隐藏一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40776517/

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