单击按钮删除子项

时间:2016-08-05 15:12:46

标签: javascript dom

拥有这个JS代码:

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
using Windows.UI.Xaml.Media.Imaging;
using Windows.UI.Xaml.Shapes;
using Windows.UI;
using System.Windows;

// 빈 페이지 항목 템플릿에 대한 설명은 http://go.microsoft.com/fwlink/?LinkId=234238 에 나와 있습니다.

namespace App3
{
/// <summary>
/// 자체에서 사용하거나 프레임 내에서 탐색할 수 있는 빈 페이지입니다.
/// </summary>
/// 

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }


    private void Button_Click(object sender, RoutedEventArgs e)
    {
        image.Source = new BitmapImage(new Uri(@"C:\Users\hinon\OneDrive\Documents\2016-2\04. 놀이방\03. 키넥트 제스처 기반 게임 제작 환경 구성\03. 데이터베이스\01. 이미지\닥터슬럼프 아리.bmp", UriKind.Absolute));
        //BitmapImage bitmapImage = new BitmapImage();
        //bitmapImage.UriSource = new Uri(@"C:\Users\hinon\OneDrive\Documents\2016-2\04. 놀이방\03. 키넥트 제스처 기반 게임 제작 환경 구성\03. 데이터베이스\01. 이미지\닥터슬럼프 아리.bmp", UriKind.Absolute);
        //image.Source = bitmapImage;

    }
}
}

如果我这样做

var prompter = (function(){
    var prompt = document.createElement('div');
    /* prompt-related stuff */

    var closeBtn = document.createElement('button');
    /* closeBtn stuff */

    prompt.appendChild(closeBtn);

    this.html = prompt;

    this.show = (function(){
        document.body.appendChild(this.html);
    });

    this.close = (function(){
        document.body.removeChild(this.html);
    });
});

它会显示提示符,如果我 var p = new prompter(); p.show(); 它会消失。

但我想要的是点击p.close();确实关闭了。我有想法在提示中添加closeBtn然后将属性onclick添加到按钮并通过id执行操作,但这看起来很丑......

1 个答案:

答案 0 :(得分:5)

您需要为您创建的按钮添加一个事件监听器:

{{1}}
相关问题