Javascript 使用classname在另一个div元素中创建元素_Javascript_Html

Javascript 使用classname在另一个div元素中创建元素

javascript html

Javascript 使用classname在另一个div元素中创建元素,javascript,html,Javascript,Html,我正在尝试使用JSDOM在另一个预先存在的元素中创建新元素。如果使用id调用，我就能够做到这一点，但我想通过类来实现这一点这就是我目前所拥有的 <html> <body> <button onclick="whiskey()">go</button> <div class="pagination-pagination-right"> <!-- I want to spawn n

我正在尝试使用JSDOM在另一个预先存在的

元素中创建新元素。如果使用

id

调用

，我就能够做到这一点，但我想通过

类来实现这一点
这就是我目前所拥有的
<html>

  <body>
      <button onclick="whiskey()">go</button>


       <div class="pagination-pagination-right">
       <!-- I want to spawn new Elements here !-->
       </div>

       <div class="controlElement">
       <p> This  is just a control Element</p>
       </div>


       <script type="text/javascript">

       function whiskey(){
       var input=document.createElement("input");
       input.type="text";a
       input.id="sad";



       var newdiv=document.createElement("div");
       newdiv.appendChild(input);

          /* this part  doesn't work */
       var maindiv=document.getElementsByClassName("pagination-pagination-right"); 
       maindiv.appendChild(newdiv);
       }

      </script>

</body>

</html>


去
这只是一个控制元素
功能威士忌{
var输入=document.createElement（“输入”）；
输入。type=“text”a
input.id=“sad”；
var newdiv=document.createElement（“div”）；
newdiv.appendChild（输入）；
/*这部分不行*/
var maindiv=document.getElementsByClassName（“分页分页权”）；
主分区附加子分区（新分区）；
}
返回一个类似数组的对象集合，它没有appendChild（）
方法。您需要使用基于索引的查找从列表中获取第一个元素，然后调用appendChild（）


功能威士忌（）{
var输入=document.createElement（“输入”）；
input.type=“text”；
//元素的ID必须是唯一的
input.id=“sad”；
var newdiv=document.createElement（“div”）；
newdiv.appendChild（输入）；
var maindiv=document.getElementsByClassName（“分页分页权”）；
maindiv[0].appendChild（newdiv）；
}
go
这只是一个控制元素
您也可以使用jQuery来实现这一点
HTML
   <button>go</button>

   <div class="pagination-pagination-right">
   <!-- I want to spawn new Elements here !-->
   </div>

   <div class="controlElement">
   <p> This  is just a control Element</p>
   </div>

go
这只是一个控制元素

jQuery
$(function(){
    $('button').click(function(){
        $('<div>A</div>').appendTo('.pagination-pagination-right');
    });
});

$（函数（）{
$（“按钮”）。单击（函数（）{
$（'A'）.appendTo（'pagination.pagination-right'）；
});
});

您可以将$（'A'）
部件替换为要附加到
中的任何元素
把小提琴拉好..非常感谢！！工作很好。你能告诉我如何使脚本在浏览会话中只运行一次（直到页面刷新）。