gpt4 book ai didi

javascript - 为什么此代码在 IE11、Chrome、Firefox 中不起作用,但在 IE8 中起作用?

转载 作者:行者123 更新时间:2023-11-28 05:41:28 24 4
gpt4 key购买 nike

我的开发人员给了我一个小模板,这样我就可以编辑它并为工作制作一个模型。当他创建它时,它运行得很好;他在 IE8 中做到了。当他通过电子邮件将其发送给我并且我在 IE11/Chrome/Firefox 中打开它时,没有成功。有什么帮助吗?

<!DOCTYPE html>
<html>
<head>
<script>
function handleVisibility(box){
var visible = (box.checked) ? "block": "none";
box.parentElement.nextSibling.style.display = visible;
}
</script>
</head>
<body>

<div id="divTransfer">
<input id="cbTransferRefer" type="checkbox" value="TransferRefer" onClick = "handleVisibility(this)">Transfer/Refer<br>
</div>
<div id="pTransferTypes" style="display:none" >
Transfer Types:
<select>
<option value="referred">Referred</option>
<option value="internalTaskForm">Escalated via Internal Task Form</option>
<option value="cci">Escalated via CCI</option>
<option value="pdf">Escalated via PDF Form</option>
<option value="transferred">Transferred</option>
</select>
</div>


<div id="divTemplate">
<input id="cbTemplateRefer" type="checkbox" value="TemplateRefer" onClick = "handleVisibility(this)">Template/Refer<br>
</div>
<div id="pTemplateTypes" style="display:none" >
Template Types:
<select>
<option value="referred">Referred</option>
<option value="internalTaskForm">Escalated via Internal Task Form</option>
<option value="cci">Escalated via CCI</option>
<option value="pdf">Escalated via PDF Form</option>
<option value="transferred">Transferred</option>
</select>
</div>

</body>
</html>

最佳答案

您不一定需要 nextSibling,您需要 nextElementSibling。如果父元素后面有空格,则下一个兄弟元素将是该空格。因此,您可能需要删除该元素及其同级元素之间的所有空白,或者调用 nextElementSibling 以确保您不会获得 textNode。

值得注意的是,getElementSibling 仅在 IE 9 及更高版本中受支持。但是,如果您需要 IE 8 支持,则只需删除空格,保留 nextSiblingleverage a polyfill .

关于javascript - 为什么此代码在 IE11、Chrome、Firefox 中不起作用,但在 IE8 中起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38883189/

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