首页 > 编程知识 正文

如何把js代码动态添加到的后面(js动态添加html代码)

时间:2023-12-24 12:05:13 阅读:319789 作者:ZDAH

本文目录一览:

用原生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列表中,如下图所示。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。