在带有JavaScript标记的引导程序模型内呈现html元素

Question

我需要使用脚本标签在Bootstrap模态中呈现HTML元素，问题是按钮在模态之外呈现。

我正在使用此JS代码：

var btn = '<button>BUTTON</button>';
div = document.createElement("div");
div.innerHTML = btn;
document.body.appendChild(div);

我用脚本标签调用JS：

<script src="button.js" ></script>

JS Fiddle

Answer 1

您需要将按钮附加到右侧的父元素。

const btn = '<button>BUTTON</button>';
const body = document.querySelector('.modal-body')
const div = document.createElement("div");
div.innerHTML = btn;
body.appendChild(div);

提琴：https://jsfiddle.net/pydqz52x/