• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    如何用js獲取到ul li img

    在html開辟中,我們經常利用js來處置前端邏輯,下面我們就來看一下怎么用js去獲取到ul列內外的img控件。

    方式/步調

    1. 1

      為了便利dom操作,我們可以利用jquery劇本庫,是以先引入jquery劇本文件。

    2. 2

      我們的html代碼里,就是一個ul列表,里面有二個img控件,還有一個按鈕。要注重的是我們給ul添加了一個樣式名。

    3. 3

      利用jquery,先為按鈕添加一個點擊事務。

    4. 4

      在點擊事務函數里,我們直接利用js代碼就能獲取到img控件了,

      var imgs = $(".jy_ul li img");

      這就是利用jquery的便利,ul列表的樣式名,然后按條理 li img的控件名,就能獲取到圖片控件了。

    5. 5

      我們用alert輸入圖片的src屬性來驗證獲取到的數據是否精確。

      因為有兩個圖片控件,所以代碼里獲取到的是一個數組,我們輸出第二個圖片的src(數組下標從0起頭的,1就是第二個)

    6. 6

      運行頁面,可以看到有二個圖片和一個按鈕,我們點擊按鈕。

    7. 7

      點擊后彈出了第二張圖片的src屬性,對比代碼,數據準確。

    • 發表于 2018-04-04 00:00
    • 閱讀 ( 765 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆