用js建立一个页面 上面有三个按钮btn1,btn2,btn3,当点击按钮一时 弹出按钮btn1,

JavaScript023

用js建立一个页面 上面有三个按钮btn1,btn2,btn3,当点击按钮一时 弹出按钮btn1,,第1张

btn_Click(object sender,EventArge e){

    Button btn2=new Button()

  //设置按钮的常规属性

    btn2.Name="btn"

    btn2.Text="Button2"

    btn2.TabIndex = 1

    btn2.UseVisualStyleBackColor = true

     

 //设置按钮在父级容器的相对位置 和按钮的大小

    btn2.Anchor = ((System.Windows.Forms.AnchorStyles)((System.Windows.Forms.AnchorStyles.Bottom | System.Windows.Forms.AnchorStyles.Right)))

    btn2.Location = new System.Drawing.Point(487, 392)

    btn2.Size = new System.Drawing.Size(75, 23)

    

   //设置按钮的事件 

     btn2.Click += new System.EventHandler(btn_Click)//单击事件

      

   // 要想在船体中显示,则必须把btn2添加进容器.

   this.Controls.Add(btn2) //以主窗体作为容器为例子

}

private void btn_Click(object sender, EventArgs e)

{

  // ...... 

}

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312">

<title>RunJS</title>

<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>

<script>

var n=3

onload=function(){

var boxs=document.querySelectorAll(".box")

for(var k=0k<boxs.lengthk++){

var box=boxs[k]

var ps=box.querySelectorAll("p")

var btn=box.querySelector("button")

if(ps.length<n){

btn.style.display="none"

continue 

}

for(var i=ni<ps.lengthi++){

ps[i].style.display="none"

}

btn.onclick=function(){

for(var i=ni<ps.lengthi++){

ps[i].style.display="block"

}

this.style.display="none"

}

}

}

</script>

</head>

<body>

<div class="box">

<p>我是内容1</p>

<p>我是内容2</p>

<p>我是内容3</p>

<p>我是内容4</p>

<p>我是内容5</p>

<p>我是内容6</p>

<button>点击显示全部</button>

</div>

<div class="box">

<p>我是内容1</p>

<p>我是内容2</p>

<p>我是内容3</p>

<p>我是内容4</p>

<p>我是内容5</p>

<p>我是内容6</p>

<button>点击显示全部</button>

</div>

<div class="box">

<p>我是内容1</p>

<p>我是内容2</p>

<p>我是内容3</p>

<p>我是内容4</p>

<p>我是内容5</p>

<p>我是内容6</p>

<button>点击显示全部</button>

</div>

</body>

</html>

传入参数this,每个dom节点多有this

function c(self){

alert(self.id)

}

<input type='button' id='id1' onclick='c(this)'/> 这里传入this,代表当前input

<input type='button' id='id2' onclick='c(this)'/> 这里传入this,代表当前input