本文目录一览：
用原生js怎么动态添加一个js文件
如果需要用原生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);
javascript如何把节点 插入到指定的节点后?
在那个id=”name”的input上，加onblur=”checkEmpty(this.id)”
把”(在这插入labe标签)”换成span id=”nameSpan”请输入用户名/span
然后在文件尾加一段JS代码
script
function checkEmpty(id)
{
var tar=document.getElementById(id);
if(tar.value==””)
{
tar.focus();
tar=document.getElementById(id+”Span”);
tar.innerHTML=”用户名不能为空！”;
}
}
/script
如何用js在页面中添加元素？
1.首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。
2.然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。
3.通过value属性我们可以获得用户在input中输入的内容，如下图所示。
4.下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。
5.创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。
6.接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。
7.最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/276024.html
微信扫一扫 
支付宝扫一扫 