彩世界开奖app官网-彩世界平台官方网址(彩票平台)
做最好的网站
来自 彩世界平台官方网址 2019-12-06 23:59 的文章
当前位置: 彩世界开奖app官网 > 彩世界平台官方网址 > 正文

JavaScript实现向OL列表内动态添加LI元素的方法,

利用JavaScript进行LI列表数据绑定,获取列表里面对应的LI,这是一位高人写的代码,看了才知道,原来并不很复杂,为什么之前用的方法那么笨?

JavaScript实现向OL列表内动态添加LI元素的方法,olli

本文实例讲述了JavaScript实现向OL列表内动态添加LI元素的方法。分享给大家供大家参考。具体分析如下:

JavaScript向OL列表内动态添加LI元素的方法,下面JS代码每次点击按钮都会想OL列表中动态添加一个LI

<script type="text/javascript">
function addItem() {
 var myitem = document.getElementById("ItemToAdd").value;
 var mylistItems = document.getElementById("mylist");
 var newP = document.createElement("li");
 var textNode = document.createTextNode(myitem);
 newP.appendChild(textNode);
 document.getElementById("mylist").appendChild(newP);
 return false;
}
</script>
<form onsubmit="return addItem()" action="#">
Grocery Items:
<input type="text" id="ItemToAdd" value="Milk" />
<input type="button" value="Add" onclick="addItem()" />
</form>
Grocery List:
<ol id="mylist"></ol>

希望本文所述对大家的javascript程序设计有所帮助。

本文实例讲述了JavaScript实现向OL列表内动态添加LI元素的方法。分享给大家供大家参考。...

  • JavaScript运动减速效果实例分析
  • JavaScript仿静态分页实现方法
  • JavaScript实现选择框按比例拖拉缩放的方法
  • Javascript实现可旋转的圆圈实例代码
  • JavaScript数组各种常见用法实例分析

希望本文所述对大家的javascript程序设计有所帮助。

本文实例讲述了JavaScript实现LI列表数据绑定的方法。分享给大家供大家参考。具体如下:

JS数据绑定

本文由彩世界开奖app官网发布于彩世界平台官方网址,转载请注明出处:JavaScript实现向OL列表内动态添加LI元素的方法,

关键词: 技巧 脚本 绑定 之家