Question

以下代码复制了给定一个css类的所有元素，这很好，它确实渲染了元素列表......现在我想将这些结果包装成HTML内容，我该如何实现是什么？

setTimeout(function() {
  var element = document.getElementById("unique_ID");
  element.innerHTML = "";
  Array.prototype.forEach.call(document.querySelectorAll(".a_random_class"), function(e) {
    var storednode = element.appendChild(e.cloneNode(true));

  });
}, 300);

如何为每个 storednode 包装HTML内容？我已经能够应用类storednode.className += " another-class";，但是如何将结果包装在我想要的任何HTML中？那可能吗？

感谢您的时间。

修改

这就是脚本的功能。

＆＃13;

setTimeout(function() {
  var element = document.getElementById("unique_ID");
  element.innerHTML = "";
  Array.prototype.forEach.call(document.querySelectorAll(".a_random_class"), function(e) {
    element.appendChild(e.cloneNode(true));
  });
}, 300);

＆＃13;

#unique_ID {
  border: 1px solid blue;
}

＆＃13;

<div id="unique_ID"></div>
<div class="a_random_class">a</div>
<div class="a_random_class">b</div>
<div class="a_random_class">c</div>
<div class="a_random_class">d</div>
<div class="a_random_class">e</div>
<div class="a_random_class">f</div>

＆＃13;

我需要的是每个结果，例如<div class="a_random_class">f</div>都可以包含在我想要的任何HTML代码中，以获得类似<div id="another-div" class="a-class" style="maybe:styles"><li><div class="a_random_class">f</div></li></div>的内容这肯定是一个例子，但我喜欢要知道这是否可能......不仅要复制类元素，还要在它们上附加一些HTML。

Answer 1

我认为你要找的是像

process.on('message', function(message) {
  process.send('Hey you sent ' + m);
});

＆＃13;

var fork = require('child_process').fork;

var worker = fork('./worker.js');

child.on('message', function(m) {
   console.log('Recieved: ' + m);
});

// we could send as many messages as we want, the child process will 
// will idle between messages
child.send('Message 1');

// Whenever you're done you can kill the child process
child.kill() // Default signal is `SIGTERM`

＆＃13;

setTimeout(function () {
    var element = document.createElement('div');
    element.className = 'something';
    [].forEach.call(document.querySelectorAll(".a_random_class"), function (e) {
        var wrap = element.cloneNode(true);
        e.parentNode.insertBefore(wrap, e)
        wrap.appendChild(e);
    });
}, 300);

＆＃13;

setTimeout(function() {
  var element = document.createElement('div');
  element.className = 'something';
  [].forEach.call(document.querySelectorAll(".a_random_class"), function(e) {
    var wrap = element.cloneNode(true);
    e.parentNode.insertBefore(wrap, e)
    wrap.appendChild(e);
  });
}, 300);

＆＃13;

用HTML包装javascript元素

1 个答案: