動態給div標簽指心猿意馬一張圖片,利用jquery是比力便利的,本文介紹兩種體例:
1)設置div的布景圖
2)div內部插入一個圖片標簽
打開visual studio code,新建如下布局的文件,在vs code中的html頁面輸入一個感慨號,再按一下Tab鍵,就可以快速建立H5格局的頁面DOM布局
在頁面上添加一個div,設置高=300px,寬=300px。再添加兩個按鈕,用于后面演示點擊按鈕時給div添加圖片
在頁面head部門,引入jquery源碼,要利用jquery是必需要引入其源文件的
在頁面添加Jquery代碼,綁心猿意馬【添加布景圖】按鈕的點擊事務,動態給div添加布景圖
在瀏覽器中打開頁面,點擊【添加布景圖】,就可以看到圖片的結果
在頁面添加Jquery代碼,綁心猿意馬【添加img標簽】按鈕的點擊事務,動態給div插入一個img標簽,顯示圖片
在瀏覽器中運行,結果如下
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!