欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

getElementById().innerHTML與getElementById().value的區(qū)別

 更新時間:2016年10月27日 22:43:05   投稿:mdxy-dxy  
這篇文章主要介紹了getElementById().innerHTML與getElementById().value的區(qū)別,因為經(jīng)常有新手朋友問到,特整理一下,需要的朋友可以參考下

因為總有新手朋友問這個問題,所以腳本之家小編特整理一下方法需要的朋友。

簡單來說:表單用value,插入字符用innerHTML

比如<input type="text" value="" id="jb51" />

有value屬性的標(biāo)簽才能使用getElementById("jb51").value
像<div id="jb51">12345</div>

這種沒有value屬性的標(biāo)簽就用getElementById("jb51").innerHTML

你使用document.getElementById()可以取到頁面上一個有id的元素
然后訪問這個元素的屬性,比如value

當(dāng)一個元素有value屬性的時候,其value才會有值
例1
<input type="text" id="txt1" value="hello"/>
這樣一個元素,當(dāng)你使用document.getElementById("txt1").value時,可以得到其value值,即"hello"這個字符串。

如果一個元素沒有value值,那么使用document.getElementById().value時是取不到。這是理所當(dāng)然的,沒有的東西怎么訪問?
比如一個div標(biāo)記,就不一定有value值。

innerHTML
這個是指元素中的內(nèi)容
例2

一個元素有起始標(biāo)記和結(jié)束標(biāo)記如

<label id="lb1">this is a label</label>

當(dāng)你使用document.getElementById("lb1").innerHTML可以取到<label>與</label>之間的內(nèi)容,即“this is a label”。

相關(guān)文章

  • Javascript實現(xiàn)異步編程的過程

    Javascript實現(xiàn)異步編程的過程

    這篇內(nèi)容詳細(xì)分析了Javascript實現(xiàn)異步編程的過程以及原理解釋,對此知識點有興趣的朋友可以學(xué)習(xí)下。
    2018-06-06
  • js之onload事件的一點使用心得

    js之onload事件的一點使用心得

    window.load和window.onload的意思并不只是頁面加載完就執(zhí)行,那要看你怎么用了,下面做了示例為大家介紹下,感興趣的朋友可以參考下
    2013-08-08
  • 學(xué)習(xí)js在線html(富文本,所見即所得)編輯器

    學(xué)習(xí)js在線html(富文本,所見即所得)編輯器

    需要一個可以編輯同時又可顯效果的編輯框。textarea不行,它只能用來輸入純文本,不能顯示顏色、斜體之類的文字樣式,就像記事本,本文介紹所見即所得編輯器實現(xiàn)原理
    2012-12-12
  • 淺談Javascript常用正則表達(dá)式應(yīng)用

    淺談Javascript常用正則表達(dá)式應(yīng)用

    這篇文章主要介紹了Javascript常用正則表達(dá)式應(yīng)用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • Javascript模塊化編程(三)require.js的用法及功能介紹

    Javascript模塊化編程(三)require.js的用法及功能介紹

    這個系列的第一部分和第二部分,介紹了Javascript模塊原型和理論概念,今天介紹如何將它們用于實戰(zhàn)。我采用的是一個非常流行的庫require.js感興趣的朋友可以了解下啊
    2013-01-01
  • TypeScript中的裝飾器用法

    TypeScript中的裝飾器用法

    這篇文章介紹了TypeScript中裝飾器的用法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • 一篇文章讓你徹底弄懂JS的事件冒泡和事件捕獲

    一篇文章讓你徹底弄懂JS的事件冒泡和事件捕獲

    這篇文章主要介紹了一JS的事件冒泡和事件捕獲,通過代碼舉例詳細(xì)描述了兩者之間的差別,需要的朋友可以參考下
    2017-08-08
  • ES6學(xué)習(xí)之變量的解構(gòu)賦值

    ES6學(xué)習(xí)之變量的解構(gòu)賦值

    有時變量多寫起來真的很麻煩,很多繁瑣的差不多的重復(fù)工作,es6為我們提供了多種更加便利的聲明變量的形式——變量的解構(gòu)賦值。下面這篇文章主要介紹了ES6中變量解構(gòu)賦值的相關(guān)資料,需要的朋友可以參考下。
    2017-02-02
  • Javascript學(xué)習(xí)筆記7 原型鏈的原理

    Javascript學(xué)習(xí)筆記7 原型鏈的原理

    說到prototype,就不得不先說下new的過程。
    2010-01-01
  • JS跨域問題詳解

    JS跨域問題詳解

    本文結(jié)合實際,分兩種情況討論跨域技術(shù):首先討論不同子域的跨域技術(shù),然后討論完全不同域的跨域技術(shù)。有需要的小伙伴可要看仔細(xì)了。
    2014-11-11

最新評論