-1

HTML コードのブロックがある場合は、ループを使用して生成<div item>し、body タグに配置します。HTMLを書くためのスクリプトの書き方を知っています。しかし、スクリプトを body タグに配置するように指示するにはどうすればよいでしょうか?

また、Boostrap を使用しています。また、jquery と純粋な js ソリューションの両方を使用できます。

<body>
<div id="myCarousel" class="carousel slide">
      <div class="carousel-inner">
        <div class="item active">
          <img src="../assets/img/examples/slide-01.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
              <p class="lead">vehicula ut id elit.</p>
            </div>
          </div>
        </div>

        <div class="item">
          <img src="../assets/img/examples/slide-03.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <p class="lead">ies vehicula ut id elit.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
<body>
4

7 に答える 7

5 
var div = document.createElement("div");
document.body.appendChild(div);
于 2013-05-03T19:03:59.907 に答える
2

まず、クラスごとに要素を選択できる関数が必要です。document.querySelectorAllトリックを実行する必要がありますが、一部のブラウザー (IE の古いバージョンなど) ではサポートされていません。

Node.appendChild次に、関数を使用して、選択した要素を移動できます。コードは次のようになります。

var items = document.querySelectorAll("div.item"), i;
for (i = 0; i < items.length; i++) {
    document.body.appendChild(items[i]);
}
于 2013-05-03T19:08:16.810 に答える
2

jQuery .append を試してみてください ここにリンクがあります....

http://api.jquery.com/append/

Javascript のみを使用:

<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>
于 2013-05-03T19:04:19.740 に答える
2

Node.appendChildを使用できます

var element = document.createElement("div");

element.textContent = "some text";
document.body.appendChild(element);

jsfiddleについて

于 2013-05-03T19:04:27.373 に答える
2

datahtmlであることで：

$('body').append(data);
于 2013-05-03T19:02:48.460 に答える
2

あまり望ましくない方法は次のとおりです。

document.write(...)

または..

document.body.appendChild(...)

jquery のようなものを使用している場合は、次のことができます。

$('body').append(...)
于 2013-05-03T19:03:00.097 に答える
1

配列をループして、必要な div を作成できます。以下の例は、body タグを取得して div を作成し、それらを body に追加する方法を示しています。innerHTML や必要な属性を設定することもできます。

var createDivs = function() {
    var body = document.body;
    for(var i = 0, l = 10; i < l; i++)
    {
        var div = document.createElement('div');
        div.innerHtml = 'Some Text'; //set inner html of the div
        div.setAttribute('class', 'testClass'); //set attributes of the div
        body.appendChild(div);
    }
}

jsFiddle の例を次に示します。

JSFiddle

jQuery を使用している場合は、次の方法で実行できます。

var createDivs = function() {
    var myArray = [1,2,3,4,5,6,7,8,9,10];
    var body = $('body');
    $.each(myArray,function(index, value) {
        body.append($('<div class="testClass" id="' + index + '">Some Text</div>'));
    });
}

これはそのJSFiddleの例です

JSFiddle jQuery の例

于 2013-05-03T19:10:10.177 に答える