nodename和tagname

2026-08-10

tagName与nodeName的区别

首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点, head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点.其实几乎所有HTML的标签都是元素节点, id, title, class等则是属性节点, 文本内容则是文本节点. tagName和n

js中tagName和nodeName

DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,tagName和nodeName的语义是一样的,都是返回所包含标签的名称,例如上面的h2标签,都是返回h2,但是tagName只能在元素标签上使用,而nodeName则可以在所有的节点上使用. 从DOM层次来看,nodeName是node 接口上的p

tagName和nodeName的区别

首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,在这里你可以说 h2这个元素节点包含一个属性节点和一个文本节点.其实几乎所有HTML的标签都是元素节点,而id, title, class等则是属性节点,而元素所包含的文本内容则是文本节点. tagName和nodeName的语义是一样的

Form,tagName和nodeName的区别

首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点.其实几乎所有HTML的标签都是元素节点,而id, title, class等则是属性节点,而元素所包含的文本内容则是文本节点. tagName和nodeName的语义是一样的,都是

ie与火狐中常见的一些兼容问题

1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能. (2)解决方法: 改用 []

【javascript学习——《javascript高级程序设计》笔记】DOM操作

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次节点树,允许开发人员添加.移除和修改. 1.节点层次 <html> <head> <title>Simple Page</title> </head> <body> <p>Hello World!</p> </body> </html> 如上的HTML文档,可以表示为一个层次结构. 文档

在ie与火狐的兼容性

1.在火狐下 document.getElementById("id").textContent可以获取当前获取id下的内容而在ie下则为:document.getElementById("id").innerText JS在IE和Firefox兼容性问题汇编以下以IE代替InternetExplorer,以MF代替MozzilaFirefox 1.document.form.item问题 (1)现有问题: 现有代码中存在许多document.formNa

DOM的基本属性

结构和内容属性1.1 nodeType1.2 nodeName, tagName1.3 innerHTML1.4 innerHTML pitFalls1.5 nodeValue 总结DOM节点是一个对象,它有着一些属性.其中有些是只读的,有些可以直接进行更改(updated on-the-fly). 结构和内容属性 nodeType 所有的节点都有类型,节点总共有以下的12种类型. interface Node { // NodeType const unsigned short ELEMENT

js 在页面上模拟多选，蚂蚁线线框

<html> <head></head> <style> body{padding-top:50px;padding-left:100px;padding-right:150px;} .fileDiv{float:left;width:100px;height:100px;text-align:center;line-height:100px;font-size:12px;border:1px solid #cccccc;margin-right:10px;

JS 操作 DOM

定义:文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式节点:(例如:<div id="属性节点">测试</div>) 元素节点:标签元素<div> 文本节点:标签内的所有纯文本 “测试” 属性节点 :标签的属性 ‘id’ IE 浏览器是以com实现的DOM 返回一个Object一.获得元素节点 var ele = docu

JS的IE和Firefox兼容性

以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox 0.px的问题 obj.style.left = ”100px”; obj.style.top = ”100px”; 千万要记得写上px,否则在Firefox上面两句无效!! 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item(”itemName”) 这样的语句,不能在 MF 下运行 (2)解决方法: 改用 do

IE和firefox火狐在JS、css兼容区别

1.firefox不能对innerText支持. firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了.如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替. 2.禁止选取网页内容: 在IE中一般用js:obj.onselectstart=function(){return false;} 而firefox用CSS:-moz-user-select:none

js DOM Element属性和方法整理

节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. childNodes获取到的是NodeList children获取到的是HTMLCollection NodeList and HTMLCollection 他们都提供了name(Number index)方法用来索引元素,可以直接用[index]来引用: 他们的区别在于NodeList没有提供namedItem(String name)

Intel项目所用jquery小知识点总结

1.$("#tdGeo input[type='checkbox']:checked") ---筛选出所有已经Check的Checkbox 2.$("#tdCountry input[type='checkbox']").attr('disabled', 'disabled').removeAttr("checked"); ---添加Disabled属性和删除Checked属性 3.$("#stateOptions").

DOM系列---基础篇

DOM系列---基础篇 DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) .DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM 产生于网景公司及微软公司创始的 DHTML(动态 HTML) ,但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. DOM 中的三个字母: D(文档)可以理解为整个 Web 加载的网页文档: O(对象)可以理解为类似 window

IE、FF、Safari、OP不同浏览器兼容报告

IE.FF.Safari.OP不同浏览器兼容报告 1 浏览器内核简介 Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE) Geckos FireFox Presto Opera Webkit Safari.Chrome 浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”.负责对网页语法的解释(如HTML.JavaScript)并渲染(显示)网页. 所以,通常

jQuery浏览器差异

//firefox Interface.send(data,function(msg){ $(msg).find("CARINFO").each(function(i){ var obj = $(this).children(); var carlocation = {}; for(var j=0;j<obj.length;j++){ var name = obj[j].nodeName; var textContent=obj[j].textContent; carlocati

4.前端笔记之jsdom基础

一.简介文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM编程: DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准. HTML DOM 节点树通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问.所有 HTML 元素(节点)均可被修改,也可以创建或删除节点. 理解几个概念,html标签没有父辈,没有兄弟,所以html标签为根标签.head标签是html子标签,meta和ti

javascript原生dom操作方法

一.节点层次属性考虑空白符的相关层次关系属性: 1.childNodes属性包含 2.parentNode属性 3.previouseSibling属性和nextSibling属性 4.firstChild属性和lastChild属性不考虑空白符的相关层次关系属性: 1.children属性 2.childElementCount 3.firstElementChild 4.lastElementChild 5.previousElementSibling 6.nextElementSib

DOM系列---基础篇[转]

DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) .DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM 产生于网景公司及微软公司创始的 DHTML(动态 HTML) ,但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. DOM 中的三个字母: D(文档)可以理解为整个 Web 加载的网页文档: O(对象)可以理解为类似 window 对象之类的东西,可以调用属性

常见JS(JavaScript)冲突解决方法

1.一般JS冲突解决办法 a．最容易出现的就是js的命名冲突 ①.变量名冲突变量有全局变量和局部变量当全局变量变量和局部变量名称一致时,就会js冲突,由于变量传递数值或地址不同就会产生JavaScript错误,甚至死循环. ②.方法名冲突函数中有很多方法,不同的js之间可能函数名一样,这就使得程序执行时不知道改调用那个方法或者哪个方法执行后的结果,最终导致程序加载失败. ③.函数名冲突一般是命名导致JS冲突.解决方法主要是查找在加载的js中是否具有相同命名的情况,然后修改命名 b．onlo

nodename和tagname

热门专题