#yyds干货盘点# 前端歌谣的刷题之路-第一百六十一题-事件委托

简介: #yyds干货盘点# 前端歌谣的刷题之路-第一百六十一题-事件委托

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣

题目

描述

请补全JavaScript代码,要求如下:

1. 给"ul"标签添加点击事件

2. 当点击某"li"标签时,该标签内容拼接"."符号。如:某"li"标签被点击时,该标签内容为".."

注意:

1. 必须使用DOM0级标准事件(onclick)

image.png

编辑

核心代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>事件委托</title>
</head>
<body>
  <script type="text/javascript">
    // 补全代码
    document.querySelector('ul').onclick = function (e) {
      e.target.innerText += '.'
    }
  </script>
</body>
</html>
相关文章
|
2月前
|
前端开发 JavaScript 容器
前端中的事件委托
前端中的事件委托
55 0
|
10月前
|
前端开发 JavaScript 容器
前端小知识:事件委托及其应用
本文通过实际案例介绍前端中的事件委托及其应用。
60 0
|
11月前
|
前端开发 API
歌谣学前端之react三个api之一续集
歌谣学前端之react三个api之一续集
44 0
|
前端开发 JavaScript 开发者
前端祖传三件套JavaScript的DOM之事件的事件委托
在前端开发中,事件处理是非常重要的一部分。JavaScript 中的 DOM 事件机制提供了丰富的功能和灵活的方式来处理各种事件,并且事件委托是其中不可或缺的一部分。本文将介绍 JavaScript 中的事件委托。
97 1
|
前端开发
#yyds干货盘点 歌谣学前端之react笔记之学习日历样式的设置
#yyds干货盘点 歌谣学前端之react笔记之学习日历样式的设置
103 0
#yyds干货盘点 歌谣学前端之react笔记之学习日历样式的设置
|
前端开发
#yyds干货盘点 歌谣学前端之react笔记之第一个react项目
#yyds干货盘点 歌谣学前端之react笔记之第一个react项目
91 0
#yyds干货盘点 歌谣学前端之react笔记之第一个react项目
|
前端开发 JavaScript
#yyds干货盘点 歌谣学前端之React中虚拟dom
#yyds干货盘点 歌谣学前端之React中虚拟dom
136 1
|
前端开发
#yyds干货盘点 歌谣学前端之react笔记之学习之类组件
#yyds干货盘点 歌谣学前端之react笔记之学习之类组件
90 0
|
前端开发
#yyds干货盘点 歌谣学前端之react笔记之学习之函数组件
#yyds干货盘点 歌谣学前端之react笔记之学习之函数组件
53 0
|
4天前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记