
或者弄面向对象
var Dog = function (name, age) {
this.name = name
this.age = age
this.say = function () {
console.log(this.name + "==>>汪汪汪")
}
}
var dog1 = new Dog("白",12)
var dog2 = new Dog("黑",121)
dog1.say()
dog2.say()
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.x-panel{
padding:15px
margin-bottom:10px
}
.x-panel label{
font-size:12px
line-height:25px
display:block
}
.x-panel button{
margin-left:5px
}
</style>
<script>
window.addEventListener('load',function(){
var createElement = function(tagName,parent,innerHTML){
var el = document.createElement(tagName)
parent = parent || document.body
parent.appendChild(el)
innerHTML && (el.innerHTML = innerHTML)
return el
}
var createAddPanel = function(){
var panel = createElement('div',stage)
panel.className = 'x-panel'
createElement('label',panel,'旅客姓名:')
createElement('input',panel)
createElement('label',panel,'旅客身份z:')
createElement('input',panel)
createElement('button',panel,'删除').addEventListener('click',function(){
stage.removeChild(panel)
})
}
var stage = createElement('div')
createElement('button','','添加乘客').addEventListener('click',function(){ createAddPanel() })
})
</script>
</head>
<body>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)