gpt4 book ai didi

javascript - 将内容放入 JS 弹出 div。 JS的奇怪问题

转载 作者:太空宇宙 更新时间:2023-11-04 12:05:36 25 4
gpt4 key购买 nike

我在将内容放入弹出框中时遇到问题。我有两个按钮,但没有更多,其他都不起作用,例如文本。

这是整个html文档

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/style.css" type="text/css"/>
</head>
<body>

<center><img id="header" src="../img/hemsidotitle.png"></img></center>
<div id="shadow">
<div id="navbar">
<a id="navbar-button" href="../index.html" style="border-radius: 5px 0px 0px 0px">Hem</a>
<a id="navbar-button" href="../donera.html">Donera</a>
<a id="navbar-button" href="#">Kits</a>
<a id="navbar-button" href="#" style="border-radius: 0px 5px 0px 0px">Kontakta</a>
</div>
<div id="main-container">
<a onclick="myFunction()" id="kit-drake" class="kit">Click here</a>
<div id="somethingelse">
</div>
<script>
function submit(){
document.getElementById('demo').innerHTML = '<div id="kit-drake-popup" class="pay">TEST<input type="button" id="cancel-button" value="Köp Nu" onClick="submit()">TEST</input>test </div>';

}
</script>
<div id="demo"></div>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = '<div id="kit-drake-popup" ><input type="button" id="cancel-button" value="Avbryt" onClick="submit()"><a id="pay-button" href="#">Köp Nu</a> </div>';
}
</script>

</div>
</div>
</div>
<div id="content-center">
</div>
</body>
</html>

这就是我按下 anchor 时的样子:

enter image description here

我想要的只是灰色按钮关闭弹出窗口,绿色按钮只是作为另一个页面的 anchor ,然后能够放置其他 div 和内容,例如弹出 div 中的文本(kit-drake-popup ).这可以用简单的方法完成吗?

最佳答案

您可以使用字符串连接将文本放入弹出窗口。

function submit() {
document.getElementById('demo').innerHTML = '<div id="kit-drake-popup" class="pay">TEST<input type="button" id="cancel-button" value="Köp Nu" onClick="submit()">TEST</input>test </div>';

}

function myFunction(text) {
document.getElementById("demo").innerHTML = '<div id="kit-drake-popup" >' + text + '<br><input type="button" id="cancel-button" value="Avbryt" onClick="submit()"><a id="pay-button" href="#">Köp Nu</a > </div>';
}
<div id="shadow">
<div id="main-container">
<a onclick="myFunction('<div style=\'background-color: yellow; color: blue\'>This is blue text on yellow background.</div>'); return false;" id="kit-drake" class="kit">Click here</a>
<div id="somethingelse">
</div>
<div id="demo"></div>


</div>
</div>
<div id="content-center">
</div>

关于javascript - 将内容放入 JS 弹出 div。 JS的奇怪问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29400561/

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