Question

我想知道当innerHTML包含一个div元素和一个文本时如何获得div中的var outer = document.getElementById("outer").childNodes; outer.forEach(function(e) { console.log(e.innerHTML); });。我的代码如下：

<div id="outer">
  <div class="item">
    <div class="icon"></div>
    Hello
  </div>
</div>

innerHTML

如您所见，div正在获得孩子"pkg": { "assets": ["index.html", "script.js", "style.css", "node_modules/jquery/dist/jquery.js", "node_modules/jquery/dist/jquery.min.js", "node_modules/popper.js/dist/umd/popper.min.js", "node_modules/bootstrap/dist/js/bootstrap.min.js", "canvasjs/jquery.canvasjs.min.js" ]和文本，但我只想要文本。是否有可能不分裂或什么分裂？

Answer 1

如果可以的话，我会把Hello放在一个单独的容器中。

var outer = document.getElementById("outer");
var firstItem = outer.children[0];
var text = firstItem.querySelector('.text').innerHTML;
console.log(text);

<div id="outer">
  <div class="item">
    <div class="icon"></div>
    <span class="text">Hello</span>
  </div>
</div>

这样，如果您想添加更多内容，则可以对其进行更多控制

如何获取包含div的div的innerHTML？

1 个答案: