在html5中,建立了一个表单模态框,现在想要实现的功能是:在模态框中输入信息,点击submit按钮后删除父界面的p标签“Nobody signed”。但现在模态框中数据无法传值给父界面,导致删除失败。请问如何解决?
JS函数如下:
function get()
{
name1=document.getElementById("name1").value;
name2=document.getElementById("name2").value;
phone=document.getElementById("phone").value;
email=document.getElementById("email").value;
pass1=document.getElementById("pass1").value;
pass2=document.getElementById("pass2").value;
delnobody();
}
function delnobody()
{
var del=document.getElementById("no");
del.parentNode.removeChild(del);
}
submit按钮调用该函数
<input type="submit" value="submit" onclick="get()">
但无法删除下面的p标签
<div id="roll">
<div id="no">
<p id="nobody">Nobody signed</p>
</div>
</div>
用id找到标签元素 直接删。
模态框是用什么方法做的,如果只是div模拟,子父窗口是一个页面你的代码应该没有问题。
如果是子窗口用iframe引入的,需要 var del= window.parent.document.getElementById("no"); 获取父页面中的元素。
如果是子窗口用 window.open() 打开的,需要 var del= window.opener.document.getElementById("no"); 获取父页面中的元素。
parent.document试试
你先在delnobody()打印看看document.getElementById("no")这个有没有东西,再去进行下一步调试。
del.parentElement.removeChild(del); 另外你的div少了结束的</div>
var del=document.getElementById("nobody");
del.remove();
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632