亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

因?yàn)榭傆行率峙笥褑栠@個(gè)問題,所以腳本之家小編特整理一下方法需要的朋友。

簡單來說:表單用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()可以取到頁面上一個(gè)有id的元素
然后訪問這個(gè)元素的屬性,比如value

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

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

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

一個(gè)元素有起始標(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實(shí)現(xiàn)異步編程的過程

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

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

    js之onload事件的一點(diǎn)使用心得

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

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

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

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

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

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

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

    TypeScript中的裝飾器用法

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

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

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

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

    有時(shí)變量多寫起來真的很麻煩,很多繁瑣的差不多的重復(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ù),然后討論完全不同域的跨域技術(shù)。有需要的小伙伴可要看仔細(xì)了。
    2014-11-11

最新評(píng)論