介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt; title> & lt;/title>
& lt;/head>
& lt; body>
& lt; div id=癿ain"祝辞
& lt;跨度id=發ogin"祝辞& lt;/span>
& lt;/div>
& lt;/body>
& lt; script>
var链接=document.createElement(& # 39;一个# 39;);
link.setAttribute (& # 39; href # 39;, & # 39; # & # 39;);
link.setAttribute (& # 39; id # 39;, & # 39;登录# 39;);
link.style。颜色=& # 39;绿色# 39;;
链接。innerHTML=& # 39;登录& # 39;;
主要var=. getelementbyid(& # 39;主要# 39;);
main.appendChild(链接);
& lt;/script>
& lt;/html> & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt; title> & lt;/title>
& lt;/head>
& lt; body>
& lt; div id=癿ain"祝辞
& lt;跨度id=發ogin"祝辞& lt;/span>
& lt;/div>
& lt;/body>
& lt; script>
var链接=document.createElement(& # 39;一个# 39;);//使用innerHTML将元素直接添加到指定节点
主要。innerHTML=癶ttps://www.yisu.com/zixun/& lt; a href=' # ' id==锹肌绺竦难丈?红色,“>登录”;> & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt; title> & lt;/title>
https://www.yisu.com/zixun/& lt;脚本src=" jquery-1.11.1.min.js ">
<风格type=" text/css ">
.newStyle {
颜色:红色
}> 脚本
$(函数(){
var链接=$ (' 登录 ');
$(' #主要').append(链接).addClass(“纽斯特尔”);
}）>
身体
小编给大家分享一下怎么动态生成html元素以及为元素追加属性的方法介绍,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
动态生成html元素的方法有三种:
document.createElement()创建元素,再用列表末尾()方法将元素添加到指定节点
<强>使用innerHTML直接将元素添加到指定节点
<强> jQuery创建节点
(html)美元,美元(html)会根据传入的html标记字符串,创建一个DOM对象,并将这个DOM对象包装成一个jQuery对象后再返回到前台页面上。
1。append():向每个匹配的元素内部追加内容
2. appendto():将所有匹配的元素追加到指定元素中,颠倒了常规的美元(A) .append (B)方法,不是将B追加到一个中,而是将一个追加到B中
3.预谋():向每个匹配的元素内部前置内容
4. prependto():将所有匹配的内容前置到指定的元素中,与prpend()方法颠倒
5.():向每个匹配的元素之后插入内容
6. insertafter():将所有匹配的元素插入到指定元素的后面,后与()方法颠倒
7.前():在每个匹配的元素之前插入内容方法
8.():将每个匹配的元素插入到指定内容之前,与之前()方法颠倒