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

JavaScript021

js怎么在标签最前面插入元素?,第1张

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

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

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

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

js在标签最前面插入元素方法:

1、var divObj=document.createElement("div")。

2、//divObj.setAttribute('id','topAlert')。

3、divObj.innerHTML="测试js插入DOM和样式"

4、var first=document.body.firstChild//得到页面的第一个元素。  

5、document.body.insertBefore(divObj,first)//在得到的第一个元素之前插入。

1、定义几个方法

2、依次执行函数,代码写在前面的先执行,写在后面的后执行

示例:

function f1(){//定义f1函数

}

function f2(){//定义f2函数

}

f1()//先执行f1函数

f2()//再执行f2函数