<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>

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

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