美文网首页
显示标签基本轮廓

显示标签基本轮廓

作者: peerben | 来源:发表于2019-04-19 12:15 被阅读0次

// 请实现,鼠标移到页面中的任意标签,显示出这个标签的基本矩形轮廓。

export {};

function borderDom(d: HTMLElement) {
d.onmouseover = function(e) {
this.style.border = '1px solid red';
};
d.onmouseout = function(e) {
this.style.border = '';
}
}

function borderDomTree(dom: HTMLElement) {
borderDom(dom);

Array.from(dom.childNodes).forEach(d => {
if (d.nodeType === 1) {
borderDomTree(d as HTMLElement);
}
});
}

相关文章

  • 显示标签基本轮廓

    // 请实现,鼠标移到页面中的任意标签,显示出这个标签的基本矩形轮廓。 export {}; function b...

  • H5与CSS3

    HTML5音频标签 您当前浏览器版本过低,请更换浏览器! 标签内的文字只在不认识标签的低版本中显示音频标签基本AP...

  • 1.3.3实体字符

    实体字符 有以下代码 显示内容为这是个标签标签未能显示是因为标签放在尖括号,浏览器不显示出来若要显示 标签,正确代...

  • table组件实现序号连续

    1.首先基本的序号显示 实现步骤:在 el-table-column 标签中添加 type='index' 属性,...

  • git 打标签

    显示所有标签: 只对某一类型标签感兴趣: 打标签 显示具体标签信息: 删除本地标签 删除远程标签 推送标签到远程分支

  • 链接和图片

    a链接a链接的基本用法: google 。href:指所要跳转的网页链接。 :a标签内指的是显示跳转链接的文本。 ...

  • 基本标签

    html 什么是html超文本标记语言,用于网站开发。 html运用于什么场景手机端和原生代码结合处理业务逻辑,加...

  • git tag 标签的相关操作

    显示所有tag 显示某一系列版本所有的tag 创建标签 查看标签详情 推送标签到远端 删除本地标签 删除远端标签 ...

  • 15-标签显示模式(display)

    一、标签显示模式 什么是标签的显示模式?标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放...

  • HTML

    HTML简介 HTML的基本结构 HTML标签 基本标签 布局标签

网友评论

      本文标题:显示标签基本轮廓

      本文链接:https://www.haomeiwen.com/subject/xudqgqtx.html