tagName属性

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术: JS

作者:马宇华

撰写时间:2021/7/18

注意红色箭头指向内容,本文将分为6张图片,并按从上到下顺序操作

1.我们先简单看看效果。

2.浏览器打开,点击显示按钮就能获取到文字所用的标签

3.开始,我们可任意用一个标签来装上一段文字,给标签设置id,以便后面使用。

4.接下来,我们给它设置一个button按钮标签,里面加入onclick点击事件,设置点击事件名字为myFunction()。

5.然后我们设置一些CSS样式来进行美化一下,按照自己的需求设置。

6.应用myFunction()创建页面加载事件;

7.之后引用ID,再调用tagName()方法。

以上就是我的分享,如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

关于tagName 属性相关推荐

  1. HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次)

    HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结 一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id ...

  2. 元素节点、属性节点、文本节点 的节点属性

    1 .nodeName 元素节点        元素标记名/节点名称, 相当于tagName .属性节点       属性节点返回属性名, 文本节点          文本节点返回#text.node ...

  3. DOM下的节点属性和操作小结

    属性:  1 .nodeName   节点名称,相当于tagName.属性节点返回属性名,文本节点返回#text.nodeName,是只读的.  2 .nodeType  值:1,元素节点:2,属性节 ...

  4. element元素 取属性_js element类型的属性和方法整理

    Element类型 除了Document类型,我们Web编程中最常用的类型就是Element类型啦.Element 类型用于表现XML或HTML元素,提供了对元素标签名,子节点,特性的访问 特征 no ...

  5. 从 jQuery 获取元素名(tagName)

    jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作,而不是通过 jQuery 函数,尔后可以直接访问 DOM 元素的 tagName 属性.$(this).g ...

  6. JavaScript核心之Document对象详解(document属性,方法)

    目录 1 Document节点概述 2 document节点的属性 2.1 doctype,documentElement,defaultView,body,head,activeElement 2. ...

  7. nodeName 与 tagName 的区别

    nodeName 和 tagName 是获取 HTML 节点名称的属性. tagName 用于获取节点类型为 1 的元素节点的类型.对于属性.注释.文本等其他类型的节点,使用 nodeName 获取节 ...

  8. JS DOM获取元素属性+操作方法

    JS DOM获取元素属性+操作方法 文章目录 JS DOM获取元素属性+操作方法 基础属性 title属性 tagName属性 : 获取标签名 className属性 : 获取类名 Nodelist. ...

  9. 控件的呈现方法(Rendering)的内核

    Asp.net中所有的控件都是从System.Web.UI.Control类,在control类中定义了三个与呈现有关的方法,分别是Render方法,RenderChildren方法和RenderCo ...

最新文章

  1. java 方法里面定义接口_java – 当接口A在其方法签名中定义接口B时
  2. 拉格朗日乘数法学习笔记
  3. 41、java应用占用cpu过高原因分析
  4. JMetro版本11.6.8和8.6.8发布
  5. 微软project服务器搭建,Project Professional 版本(Project Server 2010 设置)
  6. html 右上角删除图标,网页制作html+css制作div标签增加右上角删除图标的示例代码...
  7. 【算法】剑指 Offer 38. 字符串的排列 【重刷】
  8. 封装类(Merry May Day to all you who are burried in work ~)---2017-05-01
  9. Anaconda 国内镜像源整理
  10. 深入理解Java:SimpleDateFormat安全的时间格式化 ;
  11. 你不知道的 CSS 文档流技巧,让布局更简单
  12. 浅析:18个影响网站流量下降的原因!
  13. 更多和最小生成树相关的问题
  14. Wave Arts Tube Saturator for Mac(电子管模拟效果器插件)
  15. cad2014打开文件崩溃_CAD加载自定义文件失败的拯救
  16. selenium + java po模式
  17. 基于Springboot实现销售团队管理系统
  18. 三分钟看懂二极管的所有基础知识点
  19. 学编程以来第一次遇到的灵异事件
  20. 计算机教室 设备负荷,设备建设标准和规范教室线缆布线.ppt

热门文章

  1. Matlab做mil,MIL测试简单介绍
  2. python实现笑傲江湖人物关系网
  3. R语言医学数据分析实战(三)数据可视化
  4. 西南大学网络实现路由器WIFI共享方案(一号多用户共享)
  5. 关于samtools
  6. 解决:安装NVIDIA推荐驱动报错、nvidia-smi报错 Failed to initialize NVML
  7. 卓越人生奥秘:成就事业者十大必备素质
  8. 凌波微课|南农大资环学院钟山学术讲坛五十五—特邀南方科技大学范陆副研究员
  9. VGA,DVI,RS232,UART,SCSI,SATA等等接口怎么区分?
  10. FCW车辆安全距离算法