需要准备的材料分别有:电脑、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)//在得到的第一个元素之前插入。
<p id="act">测试</p><script>
window.onload=function(){
var k1=document.getElementById("act")
var k2=document.createElement("p")
k2.id="act_1"
k2.innerHTML="这是一个测试"
k1.parentElement.insertBefore(k2,k1)
}
</script>