JavaScript 动态添加 HTML 元素的方法包括使用 createElement 和 appendChild 方法例如，以下代码，点击按钮可以在 body 元素中动态添加一个 p 元素，并为它设置 id 和文本内容HTML 代码如下点击添加元素 这是一个动态添加的元素 这段代码中，我们首先创建了一个新的 p 元素，使用 createElement 方法。

看你第一行中的div样式中写着height800pxtop400 说明显示能看到只有400高度，还有400是隐藏起来的 然而下面2个div的高度加起来才120pxdiv是从上往下排列的，刚好你所要显示的都在隐藏了 试试把top400px改为top0px试试。

在页面上添加元素的常见需求，如百度云脚本中的链接解析按钮或助手工具的小窗口，都是通过创建元素并插入到页面中的首先，使用`documentcreateElement`创建元素，如`documentcreateElementquotbuttonquot`，然后在元素的`innerHTML`中编写HTML代码接着，通过`append`或`insertBefore`方法将元素插入到目标位置。

并在父div绑定vhtml指令第三步，绑定vhtml指令数据，这里设置为字符串 第四步，Vuejs库的vhtml指令是插入html元素，修改datas为包含ltpltp标签 第五步，预览该静态页面，这时会看到页面显示为“vhtml指令”第六步，将调试打开，这时发现ltdivltdiv中有个ltpltp标签。

2在body标签中添加一个id为“app”的div标签，然后在这个div标签中再添加一个div标签，在vue中添加一个变量数据，然后用“”符号将变量引入到div标签中，并且在标签中添加“vhtml=quot变量quotvhtml=quot变量quot”属性3用浏览器打开html文档，这时可以在页面中看到被vhtml指令添加的html元素。

怎么用js在某个元素节点中添加元素想要在页面动态添加元素，首先要确定在哪个元素后面添加元素，然后利用js的appendChild方法在该元素后面追加元素获取父节点元素varbody=documentgetElementsByTagNamebody0可以用appendChild，innerHTML等实现最常用的是appendChild，也就是给当前元素添加子元素，并且。