JavaScript DOM案例點擊按鈕顯示隱藏div

阿新 • • 發佈：2018-07-21

body meta none isp 顯示獲取按鈕 wid title

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            width: 300px;
            height: 300px;
            background-color: pink;
        }
    </style>
</head>
<body>
<input  
type="button" value="隱藏" id="bt1"/>
<input type="button" value="顯示" id="bt2"/>
<div id="dv"></div>
<script src="common.js"></script>
<script>
    //獲取按鈕元素,註冊點擊事件,添加事件處理函數

    //點擊隱藏div
    my$("bt1").onclick = function () {
        my$("dv").style.display = "none";
    };
     
//點擊顯示div
    my$("bt2").onclick = function () {
        my$("dv").style.display = "block";
    };
</script>
</body>
</html>

body meta none isp 顯示獲取按鈕 wid title <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

JavaScript DOM操作案例點擊按鈕顯示隱藏div優化後

元素 clas src com 點擊事件 cti charset round dom <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JavaScript DOM操作案例點擊按鈕通過類樣式的方式顯示跟隱藏div

java javascrip 樣式 ack eight class htm lang charset <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

JavaScript DOM操作案例點擊按鈕選擇菜單

cli option code scrip itl -c nbsp round span 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset=

JavaScript DOM操作案例點擊按鈕修改div的屬性

asc onclick comm cli 顏色代碼 val dom 按鈕 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

JavaScript DOM操作案例點擊按鈕實現網頁開關燈

lang 網頁 dom操作 javascrip tle function () click pre <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

JavaScript基礎下拉列表點擊按鈕顯示當前選項的索引值

element type -type html+css set cnblogs 列表對象 clas 鎮場詩：　　　　清心感悟智慧語，不著世間名與利。學水處下納百川，舍盡貢高我慢意。　　　　學有小成返哺根，願鑄一良心博客。誠心於此寫經驗，願見文者得啟發。—————————

點選按鈕顯示隱藏內容

<li> <input type="radio" onclick="ydiaosai()"> <label >點選顯示</label> </li> <li> <input type="r

原聲js，取消事件冒泡，點擊按鈕，顯示box,點擊屏幕其他地方，box隱藏

lang || width pre document nodes onclick 谷歌 one <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g

點擊按鈕對兩個div的隱藏與顯示進行切換

body func on() nbsp type head element strong hidden HTML： <button type="button" id="showHidden">點擊切換div的隱藏與顯示</button> <d

問題8：手機端實現點擊按鈕時更換顏色（解決IOS不顯示背景）

asc style cti focus 作用 cit art OS div CSS: .sval:active, .sval:focus{ background: #999;color:#fff;opacity：50; } 在觸屏上，:hover和:acti

JavaScript兩種創建標簽的的方法，實現點擊按鈕讓text自增

IV 類型 attribute ima char AD 第一個圖片 ava 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8

JavaScript點擊按鈕創建一個表格

表格 clas common cell utf-8 innertext char cti har <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

用HTML和CSS實現點擊內容顯示再點擊隱藏

str har ctu box 點擊實現 aep anti 實現思路實現思路： 1.display:none,隱藏元素;點擊時display:black; 2.設置隱藏元素高度為0，overflow:hidden;點擊時overflow:visible; 由於第一條只能

原生JS實現點選一個按鈕顯示一個div，再點選按鈕div隱藏，或點選除div外其它空白處div隱藏

<!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js點選按鈕顯示再點選空白地方隱藏</title> <style type="text/css"&g

vue2.0實現點擊後顯示，再次點擊隱藏

all element cli html glob .com 狀態 right sna 描述。點擊系統切換，彈出系統切換框。再次點擊系統切換，隱藏。點擊其他地方。也會隱藏在layout.vue中寫的html代碼 1、在main.js中寫入全局函數 // 定義全局點擊

vue 列表單擊顯示當前列表內容隱藏其他的列表頁，多次點選實現顯示隱藏的功能

1.//class -- sel_div已經把樣式寫好了；通過控制sel_div來控制樣式的展示情況； 2.單擊時，重新給showQA賦值為index；showQA與下標相同時，顯示樣式；同一時間只有一個li滿足條件； 3.當第二次點選時，給一個狀態開關isSta

專案--點選按鈕顯示資料，點選空白處隱藏資料

點選空白處隱藏資料點選按鈕顯示資料在這裡插入程式碼片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

js/jq 點選按鈕顯示div,點選頁面其他任何地方隱藏div

整個複製可看效果 1. JS效果 <!DOCTYPE html> <html> <head> <meta http-equiv="Content

js如何實現點選一個按鈕顯示一個div，然後該div上有一個按鈕，點選此按鈕後隱藏，隱藏的同時顯示另外一個div，而在次彈出的div也有一個按鈕，點選後隱藏.

<button id="btn1" onclick="btn1()">報名</button> <div id="div1" style="background:#999999; display:none;"> <button id=

JavaScript DOM案例點擊按鈕顯示隱藏div

相關推薦