js怎么在标签最前面插入元素？

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#a').before('<div>789</div>')。

3、浏览器运行index.html页面，此时在div标签“123”的最前面成功插入了新的元素“789”。

1、首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮：

2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示：

3、在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果：

4、保存好html文件后使用浏览器打开，此时还没有创建div：

5、最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的 *** 作：

常见的三种，一种是标签内联的书写方式，不推荐使用

另外两种都是相对比较常用的，具体看代码吧

方法1：标签内联的书写方式

<div onclick="alert('点击此处d窗')">HTML5学堂 - - 数百篇原创文章分享 </div>

方法2和方法3：

<div id="con">通过id获取标签，之后为标签绑定事件</div>

<script>

    var con = document.getElementById('con')

    con.onmouseover = function(){

        alert('鼠标移入d出这个')

    }

    con.addEventListener('mouseout', function(){

        alert('鼠标移出d出这个')

    }, false)

</script>

---