为什么.tagName DOM属性返回大写值？

在HTML中，.tagName DOM属性返回的是元素标签名，它是字符串类型。在HTML中，标签名是区分大小写的，因此，如果标签名是大写的，则在.tagName DOM属性中返回的值也是大写的。

例如，如果一个HTML元素的标签名是"P"，则在.tagName DOM属性中返回的值是"P"。如果该元素的标签名是大写的"P"，则在.tagName DOM属性中返回的值也是大写的"P"。

因此，如果.tagName DOM属性返回的是大写值，则说明该元素的标签名是大写的。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Java 遍历对象的属性和值,封装返回 Map

有时候需要获取对象的属性值，属性少的话就好设置了，属性一多就不好设置了。...field : fields){ field.setAccessible(true); String key = field.getName();// 获取属性名...System.out.println(key); String method = key.substring(0,1).toUpperCase()+key.substring(1);// 将属性首字符大写...e.printStackTrace(); } System.out.println(value); } 然后我们可以封装成返回

7.4K5 0

vue的iview列表table render函数设置DOM属性值的方法

img',{domProps:{ src:params.row.leaderIdNumber }}) } }, 找了好多，终于找到了原因，如果想要让列表返回的是一个

1.3K5 0

终于搞懂虚拟Dom啦！

如果使用原生 DOM 进行操作，渲染 1000 次，而使用虚拟 dom 只需要要渲染一次。 # react 中组件名为什么大写？...用于区分 react 组件和原生标签，在 react 中渲染组件是使用 bebal 来解析 jsx 内容，大写命名组件，是告诉 jsx 将组件渲染真实 dom # 3...., children) { this.tagName = tagName; this.props = props; this.children = children; } // 渲染虚拟DOM...function render(element) { if (typeof element === "string") { // 如果是字符串类型，直接返回文本节点 return...); // 设置props中的属性 for (let propName in element.props) { dom.setAttribute(propName, element.props

2581 0

# Vue 之虚拟 DOM

# Vue 之虚拟 DOM # 介绍 # 为什么要学习虚拟 DOM 尤大推荐，Vue.js 在用。...# 为什么要用虚拟 DOM？...props: id="list" children：{type: "li",props:{class:"item"},children:"Item 1"} 明确了属性和值，我们可以借助构造函数去批量的创建虚拟...this.props = props; this.children = children; } } createElement函数，用于将创建后的虚拟 DOM 返回 // createElement.js...，则表明是input、textarea节点 let tagName = node.tagName.toLowerCase(); if (tagName == "input" || tagName

1651 1

头条秋招面试题以及答案

简答题 1.css3特性中的transform：translateZ(0)有什么作用答案：定义 3D 转换，只是用 Z 轴的值。拓展： transform 属性向元素应用 2D 或 3D 转换。...transform 属性w3school图片 ---- 2.列举三种禁止浏览器缓存的头字段，并写出响应的设置值 Expires：告诉浏览器把回送的资源缓存多长时间 -1或0则是不缓存简要：添加Expires...它返回一个对象，其中包含了left、right、top、bottom四个属性，分别对应了该元素的左上角和右下角相对于浏览器窗口（viewport）左上角的距离。...的数据结构，如何实现简单的虚拟dom，渲染到目标dom树 //样例数据 let demoNode = ({ tagName: 'ul', props: {'class': 'list'}...广度优先遍历针对实际情况，我们得采用DFS，为什么呢？

6673 0

JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。

id、name 等属性通过 e.id e.name 可以直接获取到。但是自定义属性比如fieldname就不能直接获取到了。用 getAttribute(“属性名”) 就可以了。 ?

9.1K3 0

JavaScript快速查找节点

) 返回已知子节点中类型为指定值的子节点数组通过临近节点获取兄弟节点： neighbourNode.previousSibing 获取已知节点的前一个兄弟节点...扩展在扩展之前，我们需要知道一些关于节点基础的知识：Dom节点中，每个节点都拥有不同的类型　 W3C规范中常用的Dom节点的类型有以下几种节点类型说明值元素节点每一个HTML标签都是一个元素节点...1 属性节点元素节点（HTML标签）的属性，如id，class，name等 2 文本节点元素节点或属性节点中的文本内容 3 注释节点便是文档的注释，形式如<!...（大写）属性节点属性的名称文本节点它的值永远的都#text 文档节点它的值永远都是#document 可以分别通过nodeType（节点类型），nodeName（节点名称），以及nodeValue...（节点值）分别返回节点的类型（比如元素节点返回1，属性节点返回2）、节点名称以及节点值； JS获取兄弟节点的两种方法　方法一：通过父元素的子元素先找到含自己在内的“兄弟元素”，然后在剔除自己 1 function

2.1K11 0

getElementById返回的是什么？串讲HTML DOM

2. alert(getElementById(“mydiv”).tagName) 语句会报错吗？ HTMLDivElement 有tagName这个属性么，它都有哪些属性？　　...上面的 alert(getElementById(“mydiv”).tagName) 是正确的，它会显示该元素的标签名：DIV（注意：返回的tagName都是大写）。...所以Style 就是每个 HTML 元素的标准配置，每个 HTMLElement 都有一个默认的 style 属性，属性值就是 Style 对象。　　...CSS 样式的 style 属性的值，类型CSS2Properties。　　...No 1 9 Yes getAttribute() 返回属性的值。 5 1 9 Yes getAttributeNS() 返回属性的值。

2.4K2 0

JavaScript学习笔记010-DOM节点的运用

返回元素节点 console.log(box.children); // box的所有子元素节点 // nodeType 返回节点类型：元素节点type值为1，文本节点type值为3 // nodeName...返回节点名字（大写） console.log(box.children[0].nodeName.toLowerCase() === "div"); // box的第一个元素节点的名字 // tagName...返回元素节点名字（大写） // getAttributeNode 返回元素的属性节点 console.log(box.getAttributeNode("id")); // box的id属性节点...console.log(box); // getAttribute 获取元素属性的值 console.log(box.getAttribute("fengyu")); // box元素中fengyu...属性的值 // removeAttribute 删除元素的属性 console.log(box.removeAttribute("fengyu")); // 删除box元素中的fengyu属性 //

3713 0

Python - DOM操作XML技巧汇总

获取节点指定属性的属性值 #获取节点指定属性的属性值 print(books[0].getAttribute('category')) print(books[1].getAttribute('category...node.getAttribute(AttributeName)：获取XML节点属性值 node.getElementsByTagName(TagName)：获取XML节点对象集合 node.childNodes...：返回子节点列表。...(‘UTF-8’)返回Node节点的xml表示的文本：访问元素属性： atr=Node.attributes[“id”] atr.name # “id” atr.value #属性的值 node.nodeName.../node.tagName：节点的名称 node.nodeValue：节点的值，文本节点才有值，其它节点返回的是None node.nodeType：节点的类型 Python DOM 修改XML 生成XML

1.6K2 1

React中JSX的理解

React元素需要大写字母开头，或者将元素赋值给大小字母开头的变量，小写字母将被认为是HTML标签。不能使用表达式作为React元素类型，需要先将其赋值给大写字母开头的变量，再把该变量作为组件。...也就是说，你可以在if语句和for循环的代码块中使用JSX，将JSX赋值给变量，把JSX当作参数传入，以及从函数中返回JSX。...; } 通常可以通过使用引号来将属性值指定为字符串字面量，也可以使用大括号来在属性值中插入一个JavaScript表达式，在属性中嵌入JavaScript表达式时，不要在大括号外面加上引号。...因为JSX语法上更接近JavaScript而不是HTML，所以React DOM使用camelCase小驼峰命名来定义属性的名称，而不使用HTML属性名称的命名约定。...这种方式赋予了React声明式的API，您告诉React希望让UI是什么状态，React就确保DOM匹配该状态，这样可以从属性操作、事件处理和手动DOM更新这些在构建应用程序时必要的操作中解放出来。

2.4K2 0

Element 对象

每一个 HTML 元素，在 DOM 树上都会转化成一个Element节点对象（以下简称元素节点）。实例属性 Element.id Element.id属性返回指定元素的id属性，该属性可读写。...属性返回指定元素的大写标签名 // HTML代码为 // Hello var span = document.getElementById('myspan...它的值是一个字符串，每个class之间用空格分割。 classList属性返回一个类似数组的对象，当前元素节点的每个class就是这个对象的一个成员。...如果属性已经存在，将更新属性值，否则将添加该属性。该方法没有返回值。 Element.removeAttribute() Element.removeAttribute方法移除指定属性。...该方法没有返回值。

1.6K3 0

DOM编程

什么是DOM？ DOM（Document Object Model）文档对象模型，是语言和平台的中立接口。。允许程序和脚本动态地访问和更新文档的内容。 为什么要使用DOM？...Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强。...API NODE对象API 在DOM眼中，HTML是由不同类型的节点组成的，这些节点都属性NODE对象。 NODE对象有一个nodeType的属性可用于判断节点类型 ?...Element属性： tagName【返回的是元素标签的大写名称】 Element方法： getAttribute(String name)【得到属性的值】 setAttribute(String name...,String value)【设置属性的名称和值，不存在则创建】 getElementsByTabName()【返回该元素节点的子孙节点的数组】 removeAttribute()【移除属性】当我们设置属性的时候

1.3K7 0

JavaScript(十)

要访问元素的标签名，可以使用 nodeName 属性，也可以使用 tagName 属性，这两个属性会返回相同的值: var div = document.getElementById("myDiv"...); alert(div.tagName); //"DIV" alert(div.tagName == div.nodeName); //true 在 HTML 中，标签名始终都以全部大写表示...如果给定名称的特性不存在，getAttribute() 返回 null。有两类特殊的特性，它们虽然有对应的属性名，但属性的值与通过 getAttribute() 返回的值并不相同。...在通过 getAttribute() 访问时，返回的 style 特性值中包含的是 CSS 文本，而通过属性来访问它则会返回一个对象。第二类与众不同的特性是 onclick 这样的事件处理程序。...而在访问 onclick 属性时，则会返回一个 JavaScript 函数(如果未在元素中指定相应特性，则返回 null)。

6731 0

简单实现一个Virtual DOM

前言之前写过一篇文章为什么使用v-for时必须添加唯一的key?...virtural-dom的模型一个DOM标签所需的基本元素标签名节点属性,包含样式,属性,事件子节点标识id { // 标签名 tagName: 'div', //...接下来简单说一下比较的过程 1.比较属性的变化遍历旧的属性,找到被删除和修改的情况新属性中不存在,旧属性存在,属性被删除新旧属性中都存在,但是值不同: 属性值被修改遍历新元素的属性,找到添加的属性...== oldProps[propKey]) { // 新旧属性中都存在,但是值不同: 属性被修改 currentIndexPatches.push({...我们需要优化一下最常见的操作；具体的实现算法也很多；当前实现的简单 Virtual DOM, 并没有实现如果是数组,会优先使用key去做对比; 下面大致从Vue虚拟DOM的Diff算法实现的角度去解释一下之前的一篇文章为什么使用

7543 0

javascript入门笔记9-认识DOM

认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。...语法： document.getElementsByTagName(Tagname) 说明： Tagname是标签的名称，如p、a、img等标签名。...name：要想查询的元素节点的属性名字 setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。...DOM 节点有三个重要的属性： nodeName : 节点的名称 nodeValue ：节点的值 nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。...此方法可返回一个 Element 对象。语法： document.createElement(tagName) 参数: tagName：字符串值，这个字符串用来指明创建元素的类型。

1.2K5 0

WPF 关于将 ManipulationDeltaEventArgs 的 Manipulators 属性返回值修改为 ReadOnlyCollection 类型的提议

ReadOnlyCollection · Discussion #6249 · dotnet/wpf 问题：在 WPF 里，放在 ManipulationDeltaEventArgs 类型的 Manipulators 属性...，当前的返回值是 IEnumerable 类型。...然而此类型的返回值用起来比较坑，例如获取元素数量，就需要用到 Linq 的 Count 方法然而在 WPF 框架的实现，在 Manipulators 属性的获取，是采用此方法获取的 /// _manipulators; } 实际上，以上代码有两个坑，一个就是 _manipulators 的初始化问题，另一个就是，为什么在..._manipulators 是空的时候，传入 new List 初始个数是 2 的值提议：修改 ManipulationDeltaEventArgs 的 Manipulators 属性的返回值为

1K2 0

什么是DOM编程？(修订版)

DOM（Document Object Model）文档对象模型，是语言和平台的中立接口。。允许程序和脚本动态地访问和更新文档的内容。 为什么要使用DOM？...Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强。...这里写图片描述 API NODE对象API 在DOM眼中，HTML是由不同类型的节点组成的，这些节点都属性NODE对象。 NODE对象有一个nodeType的属性可用于判断节点类型 ?...Element属性： tagName【返回的是元素标签的大写名称】 Element方法： getAttribute(String name)【得到属性的值】 setAttribute(String name...,String value)【设置属性的名称和值，不存在则创建】 getElementsByTabName()【返回该元素节点的子孙节点的数组】 removeAttribute()【移除属性】当我们设置属性的时候

1.4K2 0

Vue(v2.6.11)万行源码生啃，就硬刚！

remove// 数组移除元素方法 hasOwn// 判断对象是否含有某个属性 cached// ※高级函数 cached函数，输入参数为函数，返回值为函数。...splice，push等方法操作）length的值必定会更新，为什么不直接操作监听length呢？...根据key循环过滤对象或者数组[key]值，如果不存在则丢弃，如果有相同多个的key值，返回多个值的数组 addProp //在虚拟dom中添加prop属性 addAttr //添加attrs...属性的值 getAndRemoveAttr // 移除传进来的属性name，并且返回获取到属性的值 getAndRemoveAttrByRegex rangeSetItem genComponentModel...cloneASTElement // 转换属性，把数组属性转换成对象属性，返回对象 AST元素 text // 为虚拟dom添加textContent 属性 html // 为虚拟dom添加innerHTML

2701 0

再谈BOM和DOM(2):DOM节点层次属性选择器节点关系操作详解

（Text）：标记中的文本属性节点（Attr）：代表一个属性，元素才有属性 DOM节点类型 NodeType属性来表明节点类型，下面列举12中节点类型节点类型描述 1 Element 代表元素...DOM节点关系 nodeType 返回节点类型的数字值（1~12） nodeName 元素节点:标签名称(大写)、属性节点:属性名称、文本节点:#text、文档节点:#document nodeValue...文本节点:包含文本、属性节点:包含属性、元素节点和文档节点:null hasChildNodes 包含一个或多个节点时返回true contains 如果是后代节点返回true isEqualNode...() 接收CSS选择符，返回一个数组，没有则返回[] 元素对象ELEMENT操作所有DOM对象都可以被认为是一个节点,除了CURD DOM树(appendChild/removeChild/replaceChild...)外，还有其他操作 nodeName 访问元素的标签名 tagName 访问元素的标签名 createElement() 创建节点 appendChild() 末尾添加节点，并返回新增节点 insertBefore

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云