如何用js创建标签插入指定的位置,HTML复制架构,JS负责让HTML动起来,如果基本架构创建好了,要添加标签,就需要JS了,另外插入到指定的位置我们需要进行定位来核定位置。
工具/原料
1
sublime text3
2
chrome浏览器
3
windows 7
方法/步骤
1
这里我们创建一个新的HTML文档,并且设置基本的架构。
2
这个时候我们创建一下按钮标签,要求可以新增li标签。
3
创建JS文档,并且和HTML文档关联。
4
function button(){ var ul = document.getElementById('ul'); var li = document.createElement('li'); ul.appendChild(li);}创建一下函数,要求点击按钮就在ul里创建标签。
6
最后我们需要为新增的标签添加内容。li.innerHTML = '新的一个';这样就能显示了。
注意事项
要注意获取元素位置的方法