nodeName和tagName

这两个概念，相信各位前端同学肯定都是比较清楚的，在JavaScript的开发中常常会用到，之前我一般都是用tagName，后来发现nodeName也能有一样的效果，但是他们直接的区别一直都不清楚，知道昨天看见了篇文章，讲得很清楚，因此就在这里翻译过来，也算加上自己的印象吧。 原文地址：http://aleembawany.com/2009/02/11/tagname-vs-nodename/

DOM里常见的三种节点类型（总共有12种，如docment）：元素节点，属性节点以及文本节点，例如<h2 class="title">head</h2>，其中h2是元素节点，class是属性节点，head是文本节点，tagName和nodeName的语义是一样的，都是返回所包含标签的名称，例如上面的h2标签，都是返回h2，但是tagName只能在元素标签上使用，而nodeN...

nodeName 和 tagName 是获取 HTML 节点名称的属性。 tagName 用于获取节点类型为 1 的元素节点的类型。对于属性、注释、文本等其他类型的节点，使用 nodeName 获取节点的名称。 让我们看看下面的例子，我们有一个简单的按钮： <button id="login">Login</button> HTML 元素的 nodeName 和 tagNa...

原文链接：详情链接DOM里面一共有12种节点类型，常见的3种节点类型；元素节点，属性节点，文本节点。例如:&lt;h1 class="title"&gt;head&lt;/h1&gt;h1--元素节点      class---属性节点         head----文本节点在这里可以说成元素节点h1包含属性节点class和文本节点head.其实，几乎所有的html的标签都是元素节点，而id  ...

转自：http://bbs.csdn.net/topics/310093611 例如 文本节点（包括回车换行等空字符） 或这种类型的称为元素 元素包含属性节点（就是上面的属性）,也可包含其他节点，比如文本节点等 由于回车换行等空字符等空字符也是节点，所以 xx和 xx 从文档树上看是不一样的。(对于html显示可能是一样的) 还是举例说明吧： html里

var a = document.getElementById(abc);document.write(a.tagName+"");document.write(a.name+" "+a.value+" "+a.type); 

jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作，而不是通过 jQuery 函数，尔后可以直接访问 DOM 元素的 tagName 属性。$(this).get(0) 与$(this)[0] 等价。 HTML 代码： Hello, world. jQuery 代码： alert($("div")[0].tagName); 结果

tagName只能在元素标签上使用，而nodeName则可以在所有的节点上使用。 DOM中有12种节点类型，常见的有三种：元素节点，属性节点以及文本节点。例如<h2 class="title">head，其中h2是元素节点，class是属性节点，head是文本节点。 下面是nodeName在不同节点上的值： Interface nodeNam

getElementById: 语法： document.getElementByIdx(id) 参数： id :必选项为字符串(String) 返回值：对象; 返回相同id对象中的第一个,如果无符合条件的对象，则返回 null example：document.getElementByIdx("id1").value; getElementsByName: 语法： document.

通过TagName定位元素 通过TagName来查找元素的方式与之前的通过ID或者Name查找元素的方式略有不同。其原因是同一个页面上具有相同的TagName的元素就会返回多个结果，因此建议在使用TagName为查找元素的条件时，使用findElements()来替代findElement()函数 以小米主页为例，得到TagName为script的元素个数的示例代码如下 ...

1.该方法可以通过元素的标签名称来查找元素。这个方法搜索到的元素通常不止一个，所以一般建议结合使用findElements方法来使用： driver.findElement(By.xpath("(//a[contains(text(),'参加活动')])[2]")).click(); 2.页面中存在五个单选按钮,他们有相同的class属性，值为：myRadio，我们想对五个按钮循环操作，我们可...

tagName属性 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术： JS 作者：马宇华 撰写时间：2021/7/18 注意红色箭头指向内容，本文将分为6张图片，并按从上到下顺序操作 1.我们先简单看看效果。 2.浏览器打开，点击显示按钮就能获取到文字所用的标签 3.开始，我们可任意用一个标签来装上一段文字，给标签设置id...