<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="#">
<span>Grocery Items:</span>
<input type="text" id="ItemToAdd" value="Milk" />
<input type="button" value="Add" onclick="addItem()" />
</form>
<span>Grocery List:</span>
<ol id="mylist"></ol>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

wangEditor編輯器失去焦點(diǎn)后仍然可以在原位置插入圖片分析
本文給大家?guī)?lái)的是一款非常不錯(cuò)的富文本編輯器WangEditor，他最大的特點(diǎn)是它在ie6,7,8上都可以做到失去焦點(diǎn)后仍然可以在原位置插入圖片，而且代碼量很少，下面我們就來(lái)分析下他是如何實(shí)現(xiàn)的呢
2015-05-05
JavaScript防抖與節(jié)流超詳細(xì)全面講解
在開發(fā)中我們經(jīng)常會(huì)遇到一些高頻操作，比如：鼠標(biāo)移動(dòng)，滑動(dòng)窗口，鍵盤輸入等等，節(jié)流和防抖就是對(duì)此類事件進(jìn)行優(yōu)化，降低觸發(fā)的頻率，以達(dá)到提高性能的目的。本文就教大家如何實(shí)現(xiàn)一個(gè)讓面試官拍大腿的防抖節(jié)流函數(shù)，需要的可以參考一下
2022-10-10
js高精度計(jì)算decimal.js庫(kù)用法demo
這篇文章主要給大家介紹了關(guān)于js高精度計(jì)算decimal.js庫(kù)用法的相關(guān)資料,decimal.js是使用的二進(jìn)制來(lái)計(jì)算的,所以能解決js的精度問(wèn)題,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
微信小程序?qū)崿F(xiàn)日期范圍選擇
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日期范圍選擇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
微信小程序中實(shí)現(xiàn)微信支付完整步驟
這篇文章主要給大家介紹了關(guān)于微信小程序中實(shí)現(xiàn)微信支付的相關(guān)資料,微信小程序支付是一種常見的支付方式,實(shí)現(xiàn)起來(lái)相對(duì)較為復(fù)雜,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
ES6 javascript中Class類繼承用法實(shí)例詳解
這篇文章主要介紹了ES6 javascript中Class類繼承用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ES6繼承的基本用法、相關(guān)屬性、方法與使用技巧,需要的朋友可以參考下
2017-10-10
canvas壓縮圖片轉(zhuǎn)換成base64格式輸出文件流
本文主要介紹了canvas壓縮圖片轉(zhuǎn)換成base64格式輸出文件流的方法，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
javascript調(diào)試之DOM斷點(diǎn)調(diào)試法使用技巧分享
在開發(fā)中，偶爾會(huì)遇到類似這樣的問(wèn)題：頁(yè)面上的一個(gè)DOM元素被改了屬性，但是我們卻不知道是哪個(gè)腳本更改的
2014-04-04
JavaScript仿網(wǎng)易選項(xiàng)卡制作代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript仿網(wǎng)易選項(xiàng)卡制作代碼，具有一定的參考價(jià)值，感興趣的朋友可以參考一下
2016-10-10
微信小程序?qū)崙?zhàn)之仿android fragment可滑動(dòng)底部導(dǎo)航欄（4）
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)之仿android fragment可滑動(dòng)的底部導(dǎo)航欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04