window.onload = function(){
// 获取按钮
var btn = document.getElementById("btn")
// 获取ul
var ul = document.getElementsByTagName("ul")[0]
btn.onclick = function(){
// 创建li
var li = document.createElement("li")
// 给li添加a链接内容
li.innerHTML = "<a href='http://www.baidu.com'>百度<a>"
ul.appendChild(li)
}
// 为每一个li绑定一个单击事件 告诉我要取快递
var a = document.getElementsByTagName("a")
// for(var i = 0; i < a.length;i++){
// a[i].onclick = function(){
// alert("给我取个快递")
// return false
// }
// }
ul.onclick = function(event){
event = event || window.event
console.log(event.target.className)
if(event.target.className){
alert("dan ji shi jian")
}
return false
}
}
<button id="btn">按钮</button>
<ul>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
</ul>
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....