Question

有没有办法用普通的javascript显示div内的所有内部html内容？

re.findall

mo_city[1]

我正在尝试使用outerhtml

<div id="parent">
  <div id="child">
    some-value
  </div>
</div>
<div id="output">

</div>

Answer 1

你拼写错误outerHTML（所有首都的HTML）。但要显示HTML标记，请使用innerText代替

var parent = document.getElementById("parent");
document.getElementById("output").innerText = parent.outerHTML;

<div id="parent">
  <div id="child">
    some-value
  </div>
</div>
<pre id="output"></pre>

Answer 2

将innerText与outerHTML

一起使用

＆＃13;

var parent = document.getElementById("parent");
document.getElementById("output").innerText = parent.outerHTML;

＆＃13;

#output {
  white-space: pre;
}

＆＃13;

<div id="parent">
  <div id="child">
    some-value
  </div>
</div>
<div id="output"></div>

＆＃13;

Answer 3

如果您只想从Javascript创建所有内容。看看这个例子。

var div = document.createElement("div");
var nodeDiv = document.createTextNode("Pay attention! This is new.");
div.appendChild(nodeDiv);
var element = document.getElementById("parent");
element.appendChild(div);

<div id="parent">
  <div id="child">
    some-value
  </div>
</div>

Javascript显示id为div的内部html

3 个答案: