js如何在元素前添加元素 如何添加新的元素

1、创建html页面

2、运行页面

3、原生JS方式，详细代码与注释

4、原生JS方式，运行效果

5、Jquery方式，详细代码

6、Jquery方式，运行效果

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

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

2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值')$('#txt').attr('data','test')。

3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。

如果需要用原生js动态的加载另外一个js文件，可以使用原生js的document.createElement方法创建script节点，然后更改该节点的type和src属性,最后通过appendChild方法将该节点动态添加到html中，这样就可以了，参考代码如下：

var new_element = document.createElement("script")//创建新的script节点new_element.setAttribute("type", "text/javascript")new_element.setAttribute("src", "../js/jquery.js")document.body.appendChild(new_element)//添加到body节点的末尾

上例中是在body的最末尾添加的，当然同样可以在head中添加引用该js的标签：document.head.appendChild(new_element)

---