将具有类的现有div元素(及其底层元素)添加到div
要将具有类的现有div元素(及其底层元素)添加到div，可以使用JavaScript的DOM操作来实现。
首先，我们需要获取要添加的目标div元素和要添加的类所在的div元素。可以通过getElementById()方法或querySelector()方法来获取这些元素。例如，假设目标div元素的id为"targetDiv"，要添加的类所在的div元素的id为"sourceDiv"，可以使用以下代码获取这些元素：
var targetDiv = document.getElementById("targetDiv");
var sourceDiv = document.getElementById("sourceDiv");接下来，我们可以使用appendChild()方法将源div元素添加到目标div元素中。例如：
targetDiv.appendChild(sourceDiv);这将把源div元素及其底层元素添加到目标div元素中作为最后一个子元素。
关于以上操作的腾讯云产品介绍，腾讯云提供了云服务器（CVM）和云数据库（CDB）等产品，可以用于云计算的部署和数据存储。您可以在腾讯云的官方网站上找到相关产品的详细介绍和文档。
请注意，这只是一种实现方式，具体的操作取决于您所使用的开发框架和技术栈。另外，对于涉及到的各类编程语言、开发过程中的BUG、云计算和IT互联网领域的名词词汇，需要根据具体的情况进行详细的解释和讨论。
相关·内容
我有一个想打开的javascript链接，但只有在我点击它的那一秒它才起作用。我想单击我为此创建的Div，但没有涉及到任何锚点标记。
我使用的HTML：
<li>
<div class="artikel_box_lk">
<div class="button" rel="$productNameSeo">
<span>More Info >></span>
</div>
</div>
浏览 1提问于2013-06-08得票数 0
回答已采纳
对不起，我是编程新手。我的问题是，我将div分类为.logo，所以当我转到我的css文件时，我想给gif分配一些不同的维度，就像你在css片段中看到的那样，但问题是它就是不起作用……
Html标记
<div class="logo">
<img src="giphy.gif">
</div>
CSS样式
.logo {
width: 333px;
height: 396px;
}
浏览 27提问于2018-07-29得票数 -2
回答已采纳
我有一个开箱即用的标准视图和一个部分菜单。当我单击Anchor元素进行登录时(其目的是在jquery modal中显示Login，在dialog..in元素之外的div中显示)，jquery函数甚至不会触发。谢谢。
<div class="table-responsive" style="z-index:999">
<nav class="navbar-inverse2" style="text-align:start">
<a href="javascript:void(0)
浏览 0提问于2018-06-15得票数 0
2回答
我刚开始使用Bootstrap，并且在让我的下拉列表在手机上工作时遇到了问题。我所有的代码在浏览器上都能很好地工作，但是当我去移动safari时，下拉列表不会出现在任何元素前面。我尝试过将z-index设置为大量的数字，并移动z-index中下拉列表后面的元素。似乎没有什么能让我的导航站在其他元素的前面。我会在下面贴出我的代码。我还应该提到，在小型桌面浏览器窗口中使用下拉列表时，它的工作原理是正常的。这个问题只发生在IOS Safari上。任何帮助都会很好，谢谢！
HTML：
<div id="main_section">
<div class=
浏览 2提问于2016-03-01得票数 3
回答已采纳
3回答
我已经创建了自己的CMS，但我的图像概述仍然混乱。目前它看起来是这样的:发生：
我正在努力实现这个结果(用photoshop制作了这张图片)
我怎样才能达到我上面发布的结果呢？下面是我的HTML代码：
<div id="main-content">
<div class="tab-content default-tab" id="tab1">
<div class="notificat
浏览 1提问于2013-02-19得票数 0
回答已采纳
3回答
我已经为一个web应用程序动态生成了一些输入标记。
function FormElement () {
this.formElement = $('<div class="formElement"></div>');
this.formElement.append('<label for=""></label>');
this.formElement.append('<input type="text" />
浏览 0提问于2013-05-01得票数 0
回答已采纳
2回答
我在让JQuery选择器使用一些编程生成的div时遇到了一些问题
我使用来显示一些查询结果，每页有20个结果。当查询返回超过20个结果时(并且只有当有超过20个结果时)，分页按钮将出现在搜索结果窗格的底部。
<div class="google-visualization-table-div-page">
<div class="a-b-c a-d-e a-d-e-j a-d-e-o-p" title="" aria-disabled="true"
role="button" style=
浏览 2提问于2012-03-08得票数 0
这是Html：(示例) <div id="id1" style="width:100px;background: rgb(196, 14, 14);">1</div>
<div id="id2" style="margin-top:10px">2</div>
to
<div id="id1" style="width:100px;background: rgb(196, 14, 14);">1</div>
<div
浏览 10提问于2020-04-09得票数 0
回答已采纳
我是新的角度，我通过这个文档，但不理解目标的跟踪子句使用ng-选项。
这里有几种用法
<div ng-repeat="n in [42, 42, 43, 43] track by $index">
{{n}}
</div>
<div ng-repeat="n in [42, 42, 43, 43] track by myTrackingFunction(n)">
{{n}}
</div>
<div ng-repeat="model in collection track by model.
浏览 7提问于2016-04-18得票数 1
回答已采纳
1回答
我正在与我的项目，将创建测试的形式。我希望将其提交为json格式，它将如下所示：
[
{
"questions": [
{
"question": "Who is Mark Zuckerberg?",
"options": [
{
"answer": "Facebook CEO",
浏览 2提问于2016-06-17得票数 0
回答已采纳
1回答
汉堡包菜单点击问题
、、、
所以我做了一个汉堡包菜单，你可以在这里找到：。我唯一的问题是，如果我点击我的div (3条黑色条纹)菜单将不会打开自己。
我尝试了这个，但没有结果。我还试图为每个元素复制我的函数，但是它也不起作用。
这是我的代码：
$(function () {
$('#toggle').click(function () {
$('#icon').toggleClass('menu-active');
// Calling a function in case you want to expand upon this.
浏览 3提问于2014-09-17得票数 1
回答已采纳
3回答
它们之间的区别是什么
$('<div/>', {'class': 'name'})
和
$('.name-number-field')
我以前读过关于选择器的文章，但从来没有见过第一个选择器
浏览 1提问于2013-12-14得票数 2
我试着用另一个元素替换。它只工作一次，然后当我再次单击元素.two时，它不会调用该函数。
这是代码，它包装在django for循环中。这就是为什么我需要使用$(this)
<div class = "galery">
{% for image in images %}
<img class = 'one' src = "http://www.fmscout.com/datas/avatars/48327-chelsea-logo.jpg">
<span class='glyphicon glyphico
浏览 6提问于2014-04-17得票数 2
回答已采纳
4回答
导航栏不会覆盖整个页面
、、、
所以我正在为FreeCodeCamp做一个挑战，我的导航栏摇摇晃晃的。如果你注意到了，它不会覆盖整个屏幕，所以有一些空白。唯一能改变导航栏大小的方法就是去掉overflow:hidden，但是导航栏表现得非常奇怪。
谢谢!
HTML：
ul {
list-style-type: none;
margin-lef: 100;
padding: 0;
overflow: hidden;
}
li {
display: inline;
float: right;
}
li a {
display: block;
padding-top: 20px;
pa
浏览 0提问于2017-10-24得票数 0
1回答
在我的xul文件中：
<!DOCTYPE overlay >
<overlay id="custombutton-overlay"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script src="browserOverlay.js"/>
<!-- Firefox -->
<toolbarpalette id="BrowserToolbarPalette">
浏览 1提问于2013-08-12得票数 3
回答已采纳
我正在尝试更改图像按钮，当用户在导航菜单上选择时，即:当用户悬停时，它将改变按钮颜色(我可以这样做OK)，按钮效果将一直保持到用户选择按钮(这我不能做)。
我尝试使用"current“或"select”元素，但它不起作用。有什么建议吗？
我也在想，在构建导航菜单时，是使用"div“标签更好，还是使用"li”标签更好？
到目前为止，HTML看起来像这样：
<body>
<div class="menuBar">
<div class="home"> <a href="#.p
浏览 1提问于2013-06-18得票数 0
我试着把我的导航栏贴在最上面。它确实是这样的，但是当我滚动它的时候，它会被放在div下面。下面是html：
<nav class="navbar navbar-light navbar-expand-md">
<div class="container-fluid">
<a href="index.html">
<img src="apex_logo2.png" class="img-fluid" style="height:56px;pad
浏览 0提问于2018-03-28得票数 0
我不知道我做错了什么。首先，这是一个场景:我有搜索器，使用jQuery (ajax)调用一个php文件来响应搜索(preventDefault在这里工作)，在响应中，我有一个按钮调用一个带有问题的亮框，这里还有另外两个按钮，其中一个按钮来自表单，这里是preventDefault不工作的地方。让我们看看代码：
搜索文件：
<form action="" method="post" name="search_form" id="search_form">
<input type="text"
浏览 3提问于2015-11-12得票数 0
2回答
我有一个关于html5语义标签的简单问题。如果我用bootstrap编写代码，下面哪种方法是正确的？我们可以或者应该将类写到语义标签中，或者我们应该在语义标签中编写div，然后在这些div类中编写div？
<div class="container">
<header class="row justify-content-between">
<div class="col-md-6">
</div>
<div class="col-md
浏览 1提问于2019-03-21得票数 0
4回答
DR单击链接
我的输入元素正在罢工并拒绝工作。为了分离变量，我把它去掉了，我找到了一些解决问题的方法，但是我知道这里还有其他的事情.
HTML和CSS按照SO指南：
<div class="fl half">
<div class="input-wrap">
<input />
</div>
<div class="input-wrap">
<input />
</div>
<div
浏览 5提问于2013-08-08得票数 5
回答已采纳
2回答
这是个小问题，但我不明白。我只是试着用y轴对齐文本，但是当我把“自我”放在“结束”或“中心”时，它只会往下走一小段。容器是主网格，它包含col (列)，它的con (内容)包含方框div内的文本。
CSS
.container{
display: grid;
grid-template-columns: repeat(4,22.45em);
grid-template-rows: 48rem;
grid-template-areas:
"colone coltwo colthr colfour";
/*text-align: center;*/
}
浏览 1提问于2020-03-28得票数 1
1回答
每次单击'Add‘按钮后，我想添加表单的所有元素(即追加整个表单)。我知道我必须使用JQuery，但我不知道如何实现它。这是我的基本代码。
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<legend>Work
浏览 3提问于2015-07-24得票数 0
回答已采纳
1回答
我有一个可滚动内容(overflow-y: scroll;)的固定高度div内的引导下拉菜单。我的问题是，当菜单变得更长的高度，它隐藏在它的父div内，因为它有垂直滚动条。我想显示它的全尺寸(高于它的父)。Z-索引不适用于此。
.highlights-box {
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
font-size: 17px;
font-family: camberia;
padding-left: 0px;
padding-right: 0px;
margin-top: 7px;
}
浏览 3提问于2017-03-15得票数 3
回答已采纳
我在做手风琴风格的录影带。我目前正在尝试检查单击时是否存在一个类。我希望它一次只打开一个部分，所以我需要
单击时检查类是否存在。
如果是，则删除类。
将类添加到单击元素中
我试着用addClass();和toggleClass();来做这件事，但我不能百分之百肯定我错过了什么。
添加类
$(".contents-row").click(function(){
$(this).toggleClass("content-open");
});
Toggle类
$('.contents-row').click(functi
浏览 8提问于2016-08-05得票数 1
回答已采纳
当用户单击div时，我使用jQuery向div添加一个类"selected“(它将红色边框添加到缩略图中)。同时，我希望从以前选择的div中删除该类。
如果所有的div都是兄弟姐妹，但是文档中的其他div仍然是选中的，我就可以让它工作。我正在设计和开发的页面要求div不可能都是兄弟姐妹。如何删除文档中以前选择的div上的类" selected“，而不仅仅是兄弟姐妹？
您可以查看并编辑jsfiddle：上的示例
jQuery:
$(".thumbnail").click(function() {
$(this).addClass("selected
浏览 0提问于2014-02-13得票数 0
回答已采纳
我注意到在没有索引的情况下，jQuery中的className属性不起作用，为什么？
此外，在jQuery中是否还有其他常见的JS属性/方法无法按预期工作？
HTML：
<div class="par">test</div>
JQuery：
$(function () {
var el = $('.par');
el.className += ' new class'; // doesn't work
el[0].className += ' new class'; //
浏览 0提问于2013-05-17得票数 2
回答已采纳
2回答
如何改变按钮点击多个div的样式
、、、、
我需要更改多个div的样式，点击一个具有相同名称的按钮，我有一个按钮，我用图像创建div。
这是创建div的代码。
function creatContent(e) {
var divMark = document.createElement("div");
divMark.classList = `markers mark`;
var img = $('<img class="comment" src="indeksiraj-1.png" alt="myimage" />');
$(divMark
浏览 5提问于2022-01-25得票数 1
回答已采纳
我已经决定用TinyMCE在表单中‘增强’一个textarea ...但是，这样做中断了原始元素的样式和jQuery功能，因为TinyMCE将该元素包装在一个iframe和几个div中。我想要做的是获得TinyMCE功能(保留文本格式等)。但不会丢失我与原始textarea关联的样式和功能。我浏览了TinyMCE文档，但似乎找不到任何有关这方面的内容。有没有人对如何做到这一点有什么想法？
我的表单的textarea如下所示：
<head>
<script>tinymce.init( { selector: 'textarea' } );</
浏览 0提问于2016-11-21得票数 0
我使用GSAP时间线将clipPath属性从circle(0%)设置为circle(100%)。
let t1 = useRef();
useEffect(() => {
t1.current = gsap.timeline({
defaults: { duration: 0.5, ease: "Back.easeOut.config(2)" },
});
t1.current.paused(true); //to ensure animation doesn't play immediately
t1.current.
浏览 6提问于2021-06-24得票数 1
回答已采纳
3回答
我试图从引导模式中的一个按钮中获取click事件，这个按钮是通过抛出js创建的。
<div class="modal fade in" id="myModal_4an2nk" role="dialog" style="display: block; padding-right: 17px;">
<div class="modal-dialog modal-lg">
<div class="modal-content">
浏览 2提问于2017-07-14得票数 0
回答已采纳
1回答
作为Php的初学者，我遇到了以下问题:在加载页面时，当还没有填充图形时，
页面底部显示在使用填充图调整页面大小之前靠近Nav栏。
光滑旋转木马在水平前短暂地出现在垂直方向上。
此页面调整大小会造成不良的用户体验。
如何在加载时修正页面大小？或者我应该使用一个旋转器来等待整个页面准备好？征求意见
使用测试文件进行更新以再现错误：
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is
浏览 0提问于2018-06-10得票数 1
回答已采纳
我希望广告通过规定的类别删除得到广告div设置。
<div class='insideAd'><p>Ad</p></div>
$(function() {
$("body").ready( function() {
// Ads are loaded
$(".loadAd").removeClass();
$("insideAd").addClass();
});
});
浏览 1提问于2020-05-19得票数 0
1回答
我已经用PHP程序编写了一个“注释”和“回复”系统的工作实现。我想学习OOP，所以我将按照坚实的原则将我的旧代码转换为OOP。在我正在读的一本书中，作者说一个班级应该做“一件事”，只做一件事。
在我的注释和回复系统中，我动态地生成几个"div“元素，它们的类名相同，但”id“不同。我正在生成的一个例子可以看到。
我想把我的代码分解成函数，这样我就可以更容易地维护它，但是我很难理解最好的方法。例如，我有几个嵌套的div：
<div class="content">
<div class="photoContainer" id=&#
浏览 3提问于2013-10-12得票数 0
回答已采纳
当我尝试insertAfter相同的popover链接时，我得到了非常不同的结果，该链接已经被硬编码，以向您展示我所期望的内容。在您看到这个硬编码的弹出器的外观之后，注释掉它，并查看当您对空白字段执行on模糊验证触发要插入标签后的相同弹出时，它是如何变化的。我不确定这是否与label元素的内联属性有关，但是当与insertAfter放在一起时，弹出器有一行质量。我不知道这是怎么回事，也不知道我怎么能克服这一点。谢谢。
(function($) {
$(window).load(function() {
$('[data-toggle="popover&
浏览 5提问于2015-11-07得票数 0
回答已采纳
查看Chrome DevTools中的节点数，我想知道单击Button1后的dom树与单击Button2后的dom树有什么不同。
index.html
<html>
<head>
<script src="./js/main.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="style/default.css">
</he
浏览 7提问于2014-04-28得票数 7
回答已采纳
2回答
我正在尝试用重氮replace和attributes规则替换一些CSS样式，但到目前为止我还没能弄清楚。
到目前为止，我已经成功地将重氮replace、copy、before、after、drop规则用于css:content、css:theme、css:content-children和css:theme-children。
我当前的标记基于Twitter Bootstrap 3.0，如下所示：
<div class="container">
<div class="row">
<div id="c
浏览 7提问于2013-10-19得票数 2
当一个社交分享图标被点击时，所有其他的社交图标也会被触发。
这是我的HTML。
<div class="share">
<div class="toggle"></div>
<ul>
<li><a id="facebook-icon-hover" href="#"> <i class="facebook-icon-hover fab fa-facebook"></i></a><
浏览 0提问于2021-11-28得票数 0
1回答
我正试图用JSoup在Java中获取网页的一些数据。我使用的是JSoup和JSON解析器的混合。
假设在网页中，在另一个元素中有许多具有相同类名的元素，其各自的类名也是相同的，例如：
<div class="foo">
<span class="bar">Whatever</span>
</div>
并检索所有元素的bar类中的数据，如下所示：
Elements elements = Jsoup
.parse(html)
.bo
浏览 2提问于2016-04-20得票数 1
回答已采纳
2回答
我试图在向下滚动时向.red添加一个类#box-1，在上使用下面的代码。
$(window).scroll(function() {
var scroll = jQuery(window).scrollTop();
if (scroll >= 30) {
$("#box-1").addClass("red");
} else {
$("#box-1").removeClass("red");
}
});
HTML：
<div id="b
浏览 8提问于2015-01-11得票数 1
回答已采纳
以下是我的HTML：
<div id="doc1" class="document-container-title">
<h3>Doc 1</h3>
</div>
<div id="doc2" class="document-container-title">
<h3>Doc 2</h3>
</div>
<div id="doc3" class="document-container-tit
浏览 3提问于2021-08-29得票数 1
回答已采纳
我有一个div下面，我有一些元素，如单选按钮，列表框等。当用户单击一个按钮时，我们将该div放在对话框中并显示为弹出。这里的问题是，当我们将任何数据设置为元素(比如更改值或选择复选框)时，它并不会在弹出窗口中反映出来。
HTML代码
<!--dialog -->
<div id="edit">
<div id="dialog_contents">
</div>
</div>
<div id="abc123">
lisbox..
浏览 2提问于2016-03-22得票数 0
回答已采纳
2回答
我正在从API中获得一个课程name+等级，试图为每门课程构建一个div，他旁边有一个年级，这对我来说是有效的。
我试着根据每个年级的价值给它涂上颜色：
上面的80获取类名goodGrade，其中有color: green
在55下面是badGrade，它有color: red
55-80，medGrade，黄色。
出于某种原因，除了goodGrade或medGrade之外，我所有的年级都得到了类goodGrade。所以现在甚至连年级98都是红色的。
for(let i=0 ; i<data.length; i++) {
$(`.courses`).append(
浏览 1提问于2018-06-20得票数 2
回答已采纳
我发现了一个很酷的模式css包，它允许你用css弹出窗口(我会分享链接，但如果这是“允许的”..)。我出口他们提供的东西，并上传到我的网站上，它工作得很完美。所有不同的按钮都可以按预期打开和关闭模态。因此，我开始扩展它，并尝试在一个(经典的) asp页面上引入一个简单的javascript函数，该函数对返回字符串的不同asp页面进行ajax调用，也能按预期工作。然后，我希望有一个在ajax响应中创建的链接，它也可以像页面上硬编码的元素一样工作，这就是问题的来源。ajax响应具有与实际页面上的按钮/链接相同的代码，但是当它们被单击时，什么也不会发生。
下面是我的index.asp页面中的java
浏览 4提问于2013-12-05得票数 1
因此，我一直在使用HTML、CSS和Javascript在youtube上学习一个网站教程，但导师并没有详细说明他编写的一些代码。
这里是javascript函数PageTransitions()，我试图理解：
const sections = document.querySelectorAll('.section');
const sectBtns = document.querySelectorAll(".controlls");
const sectBtn = document.querySelectorAll(".control");
c
浏览 1提问于2022-10-09得票数 -1
对document.getElementsByClassName('a')的调用返回了一个对象的节点列表。其中一些对象有一个额外的类b。我如何创建包含这两个类的元素数组？我不使用全局搜索b。我更喜欢vanillaJS/ES6代码。
HTML代码示例：
<div class ="a"></div>
<div class ="a"></div>
<div class ="a b"></div>
<div class ="a"></
浏览 9提问于2017-01-20得票数 10
回答已采纳
如何使用普通JavaScript将HTML插入到另一个div中？我已经找到了如何使用jQuery进行此操作的示例，但我还没有了解如何使用普通的JavaScript进行此操作。我正在开发的平台仅限于普通的JavaScript。
我希望创建一个网格，该网格具有依赖于XML文件的列和行计数。我想为每个类别创建一个div，对于该类别中的每个内容，我想添加一个div。我已经能够使用以下方法创建一个div：
document.createElement("img");
谢谢你的帮助。
浏览 3提问于2014-05-01得票数 1
回答已采纳
2回答
我有一个div，当被点击时，它下面有另一个div，它通过一个开关向上滑动，如果你再次点击，它可以向下滑动。我还想做的是添加一个:active状态到div按钮，这样当打开div按钮时，它会改变图像，但是当你点击div按钮时，你会得到活动状态图像的快速闪烁，然后它又回到默认状态。由于某些原因，:active状态不能保持，我找不到原因。
这是javascript
$(function()
{
$(".server_status_button").click(function(event) {
event.preventDefault();
浏览 0提问于2012-07-29得票数 0
回答已采纳
3回答
我的代码生成无限滚动，但当我触摸每个滚动时，它会多次出现警报，这是不正确的。
$(window).scroll(function() {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
var variable = "<div class='corazon'>hi</div>";
$(".hola").append(variable);
$('.corazon').on(&#
浏览 21提问于2018-08-08得票数 0
回答已采纳
1回答
列表中的离子项未完全宽度
、、、
我正在为一个朋友做一个简单的Ionic应用程序，它由两个简单的页面组成。我对HTML和CSS不是很了解，但我正在努力解决这个问题。
所以我试着做一个占据屏幕全部宽度的项目列表，但是在屏幕的左边和实际的项目之间总是有一个奇怪的距离。每个项目都是可点击的，我可以在中间的空格上点击项目。
下面是相关的(我认为) HTML代码：
<ion-list class="list" lines="none" inset="false">
<ion-item button *ngFor="let item of (
浏览 3提问于2020-02-25得票数 1
1回答
我想知道是否有人可以帮助我解决这个jquery ui拖放问题。
我有一些可拖可放的div，当它们被拖到容器中时，它们会克隆自己。我将div的位置保存在数据库中，但是，如果我动态插入完全相同的HTML并重新加载页面，div将不再可拖动、可丢弃等。
我理解这是因为jQuery不再绑定到div...？
那么我的问题是，如何才能使动态插入的div再次成为可拖放的？
我确实尝试过实现LiveQuery，但无法让它正常工作，我该如何使用.live？
这是一个页面的网址(链接消失了)，所有的拖放等JS都在custom.js中
任何帮助都是非常感谢的
非常感谢
编辑:有人有什么想法吗？我真的被这个问题卡住了：
浏览 3提问于2010-11-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
