gpt4 book ai didi

html - 控制动态插入的 div 的放置

转载 作者:太空宇宙 更新时间:2023-11-03 23:15:32 26 4
gpt4 key购买 nike

我有一个页面,其中一个 div 由一些第 3 方 javascript 代码动态插入。我希望将 div 放置在另一个 div 中,但我无法控制它的插入。现在它被放置在页脚下方。有没有办法把它放在正确的位置(在主容器 div 内)?下面是代码和 fiddle ......

<body>
<div id="header-nav">
Some header stuff
</div>

<div id="main-container">
This is where my div belongs
</div>

<div id="footer">
Some footer stuff
</div>
<!-- this part is dynamically inserted when the page loads -->
<div id="mydiv">
I was inserted here but it is not my home
</div>
</body>

http://jsfiddle.net/jjaleel/h3d2j7yx/

我可以覆盖页面上 mydiv 的 css,我可以使用那个或其他一些 css 解决方案来放置在正确的位置吗?

最佳答案

我修改了你的代码。添加了一个边框,以便您可以看到它正在运行。

http://jsfiddle.net/h3d2j7yx/1/

<body>
<div id="header-nav">
Some header stuff
</div>

<div id="main-container" style="border:1px solid black;">
This is where my div belongs
</div>

<div id="footer">
Some footer stuff
</div>

<div id="mydiv">
I was inserted here but it is not my home
</div>
</body>

<script>

//Call the function to grab the div and insert it into the main div
test();

function test() {
if( document.getElementById('mydiv') != "undefined")
{
var element = document.getElementById('mydiv');
document.getElementById('main-container').appendChild(element);
}
}
</script>

关于html - 控制动态插入的 div 的放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30721529/

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