JS簡單獲取并修改input文本框內(nèi)容的方法示例
本文實例講述了JS簡單獲取并修改input文本框內(nèi)容的方法。分享給大家供大家參考，具體如下：
一 介紹
獲取文本框并修改其內(nèi)容可以使用getElementById()方法來實現(xiàn)。
getElementById()方法可以通過指定的id來獲取HTML標(biāo)記，并將其返回。
語法：
sElement=document.getElementById(id)
sElement：用來接收該方法返回的一個對象。
id：用來設(shè)置需要獲取HTML標(biāo)記的id值。
二 應(yīng)用
獲取文本框并修改其內(nèi)容
在頁面加載后的文本框中將會顯示“初始文本內(nèi)容”，當(dāng)單擊按鈕后將會改變文本框中的內(nèi)容。
三 代碼
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.dhdzp.com 獲取文本框并修改其內(nèi)容</title>
</head>
<body>
<script language="javascript">
<!--
function c1()
{
var t=document.getElementById("txt");
t.value="www.dhdzp.com 修改文本內(nèi)容"
}
-->
</script>
<input type="text" id="txt" value="初始文本內(nèi)容" size="30"/>
<input type="button" value="更改文本內(nèi)容" name="btn" onclick="c1();" />
</body>
</html>
四 運行結(jié)果
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Javascript數(shù)組操作函數(shù)總結(jié)
這篇文章主要給大家匯總介紹了Javascript數(shù)組操作函數(shù),需要的朋友可以參考下2015-02-02
采用CSS覆蓋的方法就可以了，但是官方是不允許這么做的，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
javaScript 實現(xiàn)重復(fù)輸出給定的字符串的常用方法小結(jié)
這篇文章主要介紹了javaScript 實現(xiàn)重復(fù)輸出給定的字符串的常用方法,總結(jié)分析了JavaScript重復(fù)輸出給定字符串的4種常見操作技巧,需要的朋友可以參考下2020-02-02
JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理詳解
這篇文章主要介紹了JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理的知識，文章內(nèi)容非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
深入理解Canvas模糊問題產(chǎn)生的原因與解決辦法
我們在使用Canvas進(jìn)行繪圖時,經(jīng)常會出現(xiàn)繪制的文字或者圖片比較模糊,這篇文章我們就來討論一下Canvas模糊問題產(chǎn)生的原因與解決辦法吧2024-04-04
Webpack?模塊加載動態(tài)引入機(jī)制源碼示例解析
這篇文章主要為大家介紹了Webpack?模塊加載動態(tài)引入機(jī)制源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序定位當(dāng)前城市的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要為大家介紹了JS中的Promise.race控制并發(fā)量的深入理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要介紹了javascript操作ul中l(wèi)i的方法,可實現(xiàn)鼠標(biāo)經(jīng)過li標(biāo)簽項對應(yīng)改變背景色的功能,涉及javascript鼠標(biāo)事件及頁面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
在項目開發(fā)過程中遇到一個需要從小程序上傳圖片的需求,此需求實現(xiàn)起來并不難,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)指南之圖片壓縮解決方案的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08