原生js点击弹出对应的html

html-css09

原生js点击弹出对应的html,第1张

jq:

$("#aa p").click(function(){

var me=$(this)

var lei=me.attr("parameter")

var main=$(".layerMain[id='"+lei+"']")

alert(main.html())

})

js:

var ps=document.querySelectorAll("#aa p")

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

ps[i].onclick=function(){

var me=this

var lei=me.getAttribute("parameter")

var main=document.querySelector(".layerMain[id='"+lei+"']")

alert(main.innerHTML)

}

}

1、首先打开hbuilder软件，新建一个html文件，里面写入一个p标签和一个按钮标签。

2、然后在p标签的下方设置一个script标签，里面写入js胆码；先获取p标签和按钮的dom对象，然后给按钮添加一个点击事件，再点击事件爱的回调中alertp标签的text属性即可。

3、最后打开浏览器，可以看到一段文字和一个按钮，点击这个按钮。

4、就可以弹出内容了。