JS簡單獲取并修改input文本框內(nèi)容的方法示例
本文實(shí)例講述了JS簡單獲取并修改input文本框內(nèi)容的方法。分享給大家供大家參考，具體如下：
一 介紹
獲取文本框并修改其內(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.dbjr.com.cn 獲取文本框并修改其內(nèi)容</title>
</head>
<body>
<script language="javascript">
<!--
function c1()
{
var t=document.getElementById("txt");
t.value="www.dbjr.com.cn 修改文本內(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é)果
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
在JavaScript中，函數(shù)的功能十分強(qiáng)大，除了函數(shù)相關(guān)的基礎(chǔ)知識(shí)外，掌握一些高級(jí)函數(shù)并應(yīng)用起來，不僅能讓JS代碼看起來更為精簡，還可以提升性能，本文是小編總結(jié)的一些常用的、重要的函數(shù)2018-01-01
這篇文章主要介紹了在JS中如何解析HTML字符串,需要的朋友可以參考下2014-04-04
這篇文章主要為大家介紹了JavaScript操作元素，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
微信小程序使用map組件實(shí)現(xiàn)檢索(定位位置)周邊的POI功能示例
這篇文章主要介紹了微信小程序使用map組件實(shí)現(xiàn)檢索(定位位置)周邊的POI功能,涉及微信小程序基于map組件與高德地圖PAI接口的定位操作相關(guān)使用技巧,需要的朋友可以參考下2019-01-01
JS實(shí)現(xiàn)的表格操作類詳解(添加，刪除，排序，上移，下移)
這篇文章主要介紹了JS實(shí)現(xiàn)的表格操作類,可實(shí)現(xiàn)針對(duì)表格的添加,刪除,排序,上移,下移等操作,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
這篇文章主要給大家介紹了關(guān)于JavaScript中常用的幾種字符串方法的相關(guān)資料，文中通過圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
JavaScript使用atan2來繪制箭頭和曲線的實(shí)例
下面小編就為大家?guī)硪黄狫avaScript使用atan2來繪制箭頭和曲線的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家介紹了JavaScript中的聲明提升實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
使用Three.js?實(shí)現(xiàn)虎年春節(jié)3D創(chuàng)意頁面
虎年春節(jié)將至，本文使用?React?+?Three.js技術(shù)棧，實(shí)現(xiàn)趣味?3D創(chuàng)意頁面，主要包括：ShadowMaterial、?MeshPhongMaterial等基本材質(zhì)的使用、使用?LoadingManager展示模型加載進(jìn)度、OrbitControls`的緩動(dòng)動(dòng)畫、TWEEN簡單補(bǔ)間動(dòng)畫效果等，感興趣的朋友一起看看吧2022-01-01
做過微信開發(fā)的都知道，在部分android機(jī)型里微信不支持網(wǎng)頁上傳圖片的，這是由于這些機(jī)型的文件上傳存在內(nèi)存泄漏，會(huì)導(dǎo)致微信閃退，所以微信內(nèi)置瀏覽器將文件上傳屏蔽，本篇文章給大家介紹使用微信jssdk如何上傳圖片，需要的朋友可以關(guān)注下2015-08-08