Question

<div class="main">
<section>...</section>
<section>...</section>
</div>

可以使用javascript在div类main中添加<sections>吗？

我想让用户在按下按钮时有选项，在主div类中添加一个新的<section>。

我想使用这个http://www.thepetedesign.com/demos/onepage_scroll_demo.html#2库，它需要一个主div，并且在主要的多个部分中，将按页面划分为每个部分。

感谢。

编辑：谢谢大卫，在读完你的答案后，我做了这个：

$('<div id="onepage"></div>');
$('<div/>').addClass('main');

$("#main").onepage_scroll({
sectionContainer: "section",
responsiveFallback: 600,
loop: true
});

并单击按钮操作：

$('<section/>').appendTo('#main');

但仍然在打我。你会说西班牙语吗？ PS：我们可以在jsfiddle中重新创建吗？有所需资源的链接：http://jsfiddle.net/33WJx/1018/

Answer 1

是的，在原生javascript中，它是创建元素然后附加它的组合。

function createAndAppendSection() {
  let sec = document.createElement('section');
  let div = document.querySelector('#main');
  div.appendChild(sec);
}

如果你想使用jquery，语法有点简单：

$('<section/>').appendTo('#main');

编辑：回答你的额外问题，如果你想添加一个类的元素，是的，你可以按照你建议的id做同样的事情...但是我认为这样做的首选“jquery”方式会可能是：

$('<div/>').addClass('main');

如果您想将其附加到文档正文，则可以添加.appendTo(document.body)。

使用javascript

1 个答案: