javascript中的Access div类不工作
我是javascript新手，对此我很困惑。这里有div，它有很多div类，因为它有每个属性。我想访问下拉div并使用javascript向其添加一些内容。当它在div类之外时，我已经附加了它，但是当它进入主体的div中时，我就不能再访问它了。有什么问题？下面是home.html的代码，其中包含下拉列表的divjavascript中的Access div类不工作,javascript,html,css,Javascript,Html,Css,我是javascript新手，对此我很困惑。这里有div，它有很多div类，因为它有每个属性。我想访问下拉div并使用javascript向其添加一些内容。当它在div类之外时，我已经附加了它，但是当它进入主体的div中时，我就不能再访问它了。有什么问题？下面是home.html的代码，其中包含下拉列表的div <div class="main_bg"><!-- start main --> <div class="container
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>
这是报告列表
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>
$(".main_bg").find($(".container")).find($(".dropdown")).find($(".fa")).removeClass('fa-bell-o').append("<a href='../view/index.php' >" +
"<span class='glyphicon btn-glyphicon glyphicon-trash img-circle text-danger' width='50px'>"+
"</span>Delete</a>");
$（.main\u bg”）.find（$（.container”）.find（$（.dropdown”）.find（$（.fa”）.removeClass（'fa-bell-o'）。追加（“”）；
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>
$(".dropdown").removeClass('fa-bell-o').append("<a href='../view/index.php' >" +
"<span class='glyphicon btn-glyphicon glyphicon-trash img-circle text-danger' width='50px'>"+
"</span>Delete</a>");
$（“.dropdown”）.removeClass（'fa-bell-o'）.append（“”）；
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>
$(".dropdown").removeClass('fa-bell-o').append("<a href='../view/index.php' >" +
"<span class='glyphicon btn-glyphicon glyphicon-trash img-circle text-danger' width='50px'>"+
"</span>Delete</a>");
$（“.dropdown”）.removeClass（'fa-bell-o'）.append（“”）；
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>
您的代码目前正在对.removeClass方法的结果使用.append（）方法，您正在调用类为'fa-bell-o'的i元素。您可以根据需要使用以下代码（稍微简化上述代码）：
<div class="main_bg"><!-- start main -->
<div class="container">
<div class="main row">
<div class="col-md-3 images_1_of_4 text-center">
<span class="bg"><i class="fa fa-exclamation-triangle"></i></span>
<h4><a href="../view/index.php">Reports</a>
<div class = "dropdown">
<a id="dLabel" role="button" data-target="#" href="/page.html">
<i class="fa fa-bell-o"></i>
</a>
</div></h4>
<p class="para">This is the list of reports.</p>
<a href="../view/index.php" class="fa-btn btn-1 btn-1e">Records
<div id="underInput" />
</div></a>
</div>