1. 程式人生 > >[js]多個按鈕點選新增div,再點選刪除

[js]多個按鈕點選新增div,再點選刪除

主要思想是一個全域性變數來控制增加或刪除。點一下顯示,再點一下刪除。
原始碼如下,可直接執行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
<script type="text/javascript">
    var num = 0;
    function insert(obj){
        if(num == 0){
            var
div=document.createElement('div'); div.id='ok'; div.innerHTML='插入的內容'; obj.appendChild(div); num = 1; } else{ num = 0; var box = document.getElementById("ok"); box.parentNode.removeChild(box); } }
</script> <body> <div> 1<a href="#" onclick="insert(this);return false;"></a><br/> 2<a href="#" onclick="insert(this);return false;"></a><br/> 3<a href="#" onclick="insert(this);return false;"></a><br/> 4<a
href="#" onclick="insert(this);return false;">
</a><br/> </div> </body> </html>

相關推薦

[js]按鈕新增div刪除

主要思想是一個全域性變數來控制增加或刪除。點一下顯示,再點一下刪除。 原始碼如下,可直接執行 <!DOCTYPE html> <html> <head>

原生JS實現一個按鈕顯示一個div按鈕div隱藏div外其它空白處div隱藏

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

圖片放大縮小的程式碼段

這段js還挺常用,特此記錄。 1 <form> 2   <div> 3 <div class="form-group left"> 4 <label for="imgs" class="col-sm-3 cont

利用html和Jquery實現照片牆(之後放大縮小)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jque

實現類似於QQ空間相簿的圖片放大後縮小回原來位置

package com.kale.gridviewanimtest; import android.graphics.Point; import android.graphics.Rect; import android.view.View; import android.view.Vie

jquery實現根據不同class為按鈕新增事件

一、實現功能 在專案中需要新增幾個button來實現點選不同的button就可以設定字母的顏色。但是button上面不能有文字。所以不能根據$('button').html()獲取button的文字來

Android開發20——單個監聽器監聽按鈕事件

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

按鈕為選擇狀態

<html><head>    <meta charset="utf-8"><style><style>.hq_hy:hover, .hq_zsh:hover, .hq_hb:hover, .hq_jyyc:hove

android通過遍歷處理按鈕事件

如果我們有很多的按鈕都有點選事件的話,那麼單單靠switch case是很麻煩的,因為你需要在每個case後面加上一個R.id.xx。這樣的程式碼看起來不整潔也很麻煩。那麼如果我們使用遍歷的方法來處理的話就是方便許多。首先我們先來了解一下獲取控制元件id的方式:1:反射:tr

按鈕綁定同一個擊事件

function span 綁定 round lin () ready read his <div class="div1"> <ul class="link"> <li>點擊</li>

按鈕用一個擊事件

多個按鈕用一個點擊事件多個按鈕用一個點擊事件有btn1,btn2,btn3,btn4,btn5,5個按鈕,如何區分哪個按鈕觸發的點擊事件先將按鈕放到一個數組中private _btnArr:Array = new Array(); private function initBtnArr():void {

5.1擊4按鈕顯示相應的div

pos 當前 yellow con ack odi rom this onclick 事件:onclick 屬性:display,className 用到for語句,index標記,this當前事件 先清空後附加 <!DOCTYPE html><htm

按鈕擊一個變色擊另一個變色原來的恢復顏色的方法

click dcl 多個 cti 方法 fault tar span 變色 <a class="btn btn-default changChick" onclick="changChick(this)">高</a> <a class="btn

Unity 利用 UnityAction 對按鈕新增監聽

當有許多個按鈕需要新增監聽的時候,我們可以先使用UnityAction把這些方法監聽起來,再分別傳給按鈕。 public UnityEngine.Events.UnityAction[] allEvents = new UnityEngine.Events.UnityAction

jQuery新版本沒有了Toggle事件按鈕分別控制隱藏顯示同事這兩按鈕也要互斥。

十二月沒來得及整理髮布,一直在草稿箱。現在已經2019年1月了。。。   需求大概是這樣的   //XX點選事件 var flagBar = 0; $("#doNotBaseRate").click(function () { if (flagBar == 0) { $("#De

android動態建立按鈕新增監聽事件

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">      <item><shape android:shape="oval">//邊框角度 <corners android

Android Edittext不為空,Button才可的方法

本人Android新手,在開發過程中遇到需要對多個Edittext進行判斷,只有Edittext全部不為空時,Button才可以點選。而百度無果後,自己用了比較原始的方法解決了這一問題。不知有沒有其他的實現方法。 在Android 填寫資訊並提交時,一般都不能

Android 選單按鈕或者其他的View在view上出現水波紋效果然後執行事件。

1.自定義一個佈局,得到點選的view,在view上繪畫水波紋,水波紋的圓心是view的中點,半徑為寬和高一半的最小值。 package com.example.waterview; import java.util.ArrayList; import android.

按鈕提交一個form表單

class 按鈕 控制 () ctx submit repo rep 事件 多個按鈕提交一個form表單,然後執行控制層不同的方法 在button的onclick事件下可以重寫form的action屬性 <button class="common_button" on

按鈕共用一個消息響應函數

mfc c++ 在特殊情況下,需要多個按鈕共用一個消息處理.如工具欄上的按鈕,行為都類似.可以考慮用同一個消息響應函數,來減少代碼的冗余.一、在消息映射中添加關聯的消息響應關系BEGIN_MESSAGE_MAP(CscaleweightDlg, CDialog) ... ON_CONT