200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 如何在js中循环赋值给页面上的li附上标签 – CSS – 前端 css设置style样式表

如何在js中循环赋值给页面上的li附上标签 – CSS – 前端 css设置style样式表

时间:2023-06-29 18:34:23

相关推荐

如何在js中循环赋值给页面上的li附上标签 – CSS – 前端 css设置style样式表

js 动态添加li代码:

原li function addElementLi(obj) { var ul = document.getElementById(obj);//添加 li var li = document.createElement(“li”);//设置 li 属性,如 id li.setAttribute(“id”, “newli”);li.innerHTML = “js 动态添加li”; ul.appendChild(li); }调用:addElementLi(“parentUl”);用 js 动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点,也容易理解。用代码的方式在js中给li附上标签。一、js 动态添加元素div: function addElementDiv(obj) { var parent = document.getElementById(obj);//添加 div var div = document.createElement(“div”);//设置 div 属性,如 id div.setAttribute(“id”, “newDiv”);div.innerHTML = “js 动态添加div”; parent.appendChild(div); }调用:addElementDiv(“parent”);二、js 动态添加元素img: function addElementImg(obj) { var ul = document.getElementById(obj);//添加 li var li = document.createElement(“li”);//添加 img var img = document.createElement(“img”);//设置 img 属性,如 id img.setAttribute(“id”, “newImg”);//设置 img 图片地址 img.src = “/images/prod.jpg”;li.appendChild(img); ul.appendChild(li); }调用:addElementImg(“parentUl”);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。