溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了JS如何獲取并修改input文本框內(nèi)容，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
一 介紹
獲取文本框并修改其內(nèi)容可以使用getElementById()方法來實(shí)現(xiàn)。
getElementById()方法可以通過指定的id來獲取HTML標(biāo)記，并將其返回。
語法：
sElement=document.getElementById(id)
sElement：用來接收該方法返回的一個(gè)對(duì)象。
id：用來設(shè)置需要獲取HTML標(biāo)記的id值。
二 應(yīng)用
獲取文本框并修改其內(nèi)容
在頁面加載后的文本框中將會(huì)顯示“初始文本內(nèi)容”，當(dāng)單擊按鈕后將會(huì)改變文本框中的內(nèi)容。
三 代碼
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.jb51.net 獲取文本框并修改其內(nèi)容</title>
</head>
<body>
<script language="javascript">
<!--
function c1()
{
var t=document.getElementById("txt");
t.value="www.jb51.net 修改文本內(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>四 運(yùn)行結(jié)果
1、能夠嵌入動(dòng)態(tài)文本于HTML頁面。2、對(duì)瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測(cè)訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS如何獲取并修改input文本框內(nèi)容”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼