Element Object

最新推荐文章于 2021-09-15 13:15:00 发布
最新推荐文章于 2021-09-15 13:15:00 发布
阅读量1k 收藏
点赞数
分类专栏： Notes Javascript 文章标签： object attributes xml properties methods html
本文深入探讨HTML元素对象的定义、用途、属性与方法，包括节点类型、属性信息获取与设置、标签名获取、DOM级别与支持情况等关键信息。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Definition and Usage

The Element object represents an element in the HTML document.

The Element object can have child nodes of type Element, Text, Comment, CDATASection, ProcessingInstruction, and EntityReference.

The Element object can have attributes, which have the node type Attr.

Note: The Element object can also use the properties and methods of the Node object.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The Element object is supported in all major browsers.

Element Object Properties

The "DOM" column indicates in which DOM Level the property was introduced.

Property Description DOM
schemaTypeInfo Returns the type information of the element. 3
tagName Returns the tag name of the element 1

Element Object Methods

The "DOM" column indicates in which DOM Level the method was introduced.

Method Description DOM
getAttribute() Returns the specified attribute value 1
getAttributeNS() Returns the specified attribute value, with the specified namespace. For XML DOM only 2
getAttributeNode() Returns the specified attribute node 1
getAttributeNodeNS() Returns the specified attribute node, with the specified namespace. For XML DOM only 3
getElementsByTagName() Returns a collection of all child elements with the specified tagname 1
getElementsByTagNameNS() Returns a collection of all child elements with the specified tagname and namespace. For XML DOM only 2
hasAttribute() Returns true if the element has the specified attribute, otherwise it returns false 2
hasAttributeNS() Returns true if the element has the specified attribute, with the specified namespace, otherwise it returns false. For XML DOM only 2
removeAttribute() Removes the specified attribute 1
removeAttributeNS() Removes the attribute with the specified name and namespace. For XML DOM only 2
removeAttributeNode() Removes the specified attribute node, and returns the removed node 1
setAttribute() Sets or changes the specified attribute, to the specified value 1
setAttributeNS() Sets or changes the specified attribute, with the specified namespace, to the specified value. For XML DOM only 2
setAttributeNode() Sets or changes the specified attribute node 1
setAttributeNodeNS() Sets or changes the specified attribute node 2
setIdAttribute()   3
setIdAttributeNS()   3
setIdAttributeNode()   3

Bpmn.js流程建模结合业务整合工作流（二）
朝花夕拾的博客
06-25 1092
上一篇文章讲述了bpmn.js的基本搭建使用过程，下面介绍工具栏的按钮使用 以及右侧属性如何绑定到节点保存的。这个时候输入节点名称会自动更新到节点上了 然后保存为xml会获取到最新的xml内容。拿流程名称举例，修改了流程名称 调用更新节点属性方法会自动更新到节点上面。updateProperties更新方法。changeField方法触发更新节点。右侧属性绑定节点初始化方法如下。commonParse方法。判断类型用来回显节点的属性。/**自适应屏幕**/
bpmn.js + vue + vuex的业务实现-根据状态而呈现节点不同的颜色或图片
梅花寺
05-20 932
前言 上一章节我们介绍了关于bpmn.js如何与后端交互，实现特定的线用特定的颜色, 要是不了解的小伙请移步 bpmn.js + vue + vuex的业务实现-与后端交互 这一章节主要讲解的是关于bpmn.js如何根据状态而呈现节点不同的颜色或图片 根据状态而呈现不同的颜色或图片 在上一章节中已经与后端交互，实现了赋予不同节点不同的class，我们可以用同样的方法添加不同的图片和颜色 设置颜色 //.customRenderer.less .djs-visual.running { path {
HTML DOM HTMLElement Object
SlimApp
07-17 852
HTMLElement ObjectThe following collections, properties, and methods can be used on all HTML elements.HTMLElement CollectionsW3C: W3C Standa
object[]elements是什么意思
weixin_45757820的博客
11-26 624
object[]elements是什么意思 　Object是这些类的原始祖先。String类什么制的包括你自己定义的类，都可以归到它的名下。(int 不是类，是基本数据类型) 　　好处是，这样可以适应更广泛的传参类型而不必每个类的参数类型都去专门定义一个功能类似的方法，当一个方法为 　　fun(Object a)｛｝的时候 　　你用String做a也可以，用YourClass自定义的类做a等都可以 　　而你如果只是 　　fun(String a){ }的话，就只能用String来做参数a。当你需要其他参数的
Flutter渲染之Widget、Element 和 RenderObject
大灰狼的小绵羊哥哥的博客
07-03 1877
提出问题 用Flutter写界面写了一段时间了，感觉很爽，尤其是热加载功能，节省了大把时间，声明式的编程方式也是以后的趋势。现在基本熟练以后一些简单的效果能很快写出来，即使没见过的也可以在网上搜一下找到答案，但是感觉没有深入底层了解，有些问题还是一知半解，这些问题比如以下几个： createState 方法在什么时候调用？state 里面为啥可以直接获取到 widget 对象？ build 方法是在什么时候调用的？ BuildContext 是什么？ Widget 频繁更改创建是否会影响性能？复用
ElementButterObject的使用
wwhx27的博客
08-20 148
ElementButterObject ElementButter是指导如何组织vbo里的数据绘制图元的。如果没有ebo，在绘制图元的时候，是顺序调用vbo里的数据的。有了ebo之后就可以指定顺序调用了。 使用ebo的步骤： 声明ebo 定义ebo索引数据 设置当前的GL_ELEMENT_ARRAY_BUFFER为ebo 将ebo的索引数据从cpu的内存块发送到gpu的内存上去 设置当前的GL...
JavaScript Element对象
chengqingshihuishui的博客
09-22 457
查字典https://www.w3school.com.cn/jsref/dom_obj_all.asp 学了jQuery后，绝对不想碰这些。 1、Element对象 即元素节点 就是HTML里面的元素标签。 2、Element对象属性 childNodes属性：获取当前节点的所有子节点 说明：不管是元素节点，文本节点，只要是节点，都获取，包括Dom标签中的空格，也会被当做文本节点被获取 children属性：获取当前元素的所有子元素 //这次是子元素（即标签），不是子节点了 fir...
ObjectElement
msnwh的博客
09-15 131
using System; using System.Collections.Generic; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; namespace CanvasDemo.Canvas { /// /// 对象元素 /// public abstract class ObjElement : ObjElement where T : IElementData
Win2000常用端口列表
feng_sundy 的专栏
10-27 2万+
Win2000常用端口列表  20=Ftp Data 21=FTP Open Server 23=Telnet 25=Smtp 31=Master Paradise.80 53=DNS,Bonk (DoS Exploit) 79=Finger 80=Http 110=Pop3 113=Auther Idnet 119=Nntp 121=BO jammerkillah 137=NetBios
HTMLDivElement 和 Object 相互转换
l4642247的专栏
09-10 9490
var obj = document.createElement("div"); //html转换为jquery var objJquery = $(obj); //jquery转换成html var objJquery = objJquery[0]; 要是元素是HTMLDivElement的，append的操作的话，只能追加字符串。转换过来才能追加元素。...
SimpleXMLElement Object如何取值
别在熬夜了！
11-02 4025
如下，如何取sub_msg值； SimpleXMLElement Object ( [code] => 15 [msg] => Remote service error [sub_code] => isv.shop-not-exist:invalid-shop [sub_msg] => 您好，您没有可访问的店铺！ ) print $sub_msg->code; print
关于网页显示[object HTML标签名Element]的问题
qq_44960253的博客
06-21 3872
关于网页显示[object HTML标签名Element]的问题 今天学习在 JS红宝书上的 10.1.8 节关于 DocumentFragment 类型时，按照实例，大致上敲了一遍代码想要看看效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia
js的function获取input值为 [object htmlinputelement]？
热门推荐
方块♦的博客
08-26 4万+
解决方案在最后 实现功能：单击发送注册码按钮，异步将输入的邮箱发送到后台，实现邮箱认证功能 问题描述：在script中使用ajax向后台传递输入的邮箱时，发现js中通过id获取的是 [object htmlinputelement] html in register.jsp &lt;!--==========================邮箱===================...
原生DOM系列-Element对象
tasty
01-11 1230
本系列文章中所指的DOM，都是纯纯的HTML DOM，不包括XML DOM等 文中ele代表通过document.getElementById()等方法返回的某元素对象实例 ele.attributes 返回当前元素的所有属性的集合返回NamedNodeMap，可通过数组下标或对象属性方式获取 12345678910 // html p id="
js如何只获得Element自定义属性（自己手写在标签上的规定属性），不是自定义属性$(obj).attr("xx")...
weixin_33971130的博客
07-20 1136
2019独角兽企业重金招聘Python工程师标准>>> ...
JS详解[Object HTMLDivElement]和[Object Object]
weixin_33737134的博客
06-16 1750
【JS】☆★之详解[Object HTMLDivElement]和[Object Object]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmln...
pandas 唯一值unique( )和nunique()
Jennie
04-01 6247
以Kaggle上black Friday数据为例 unique（）函数输出每个特征的唯一值 for col in data.columns: print('{} unique element : {}'.format(col,data[col].unique())) 输出 User_ID unique element : [1000001 1000002 1000003 ... 1004...
Strophe.Builder = function (name, attrs) { // Holds the tree being built. this.nodeTree = this._makeNode(name, attrs); // Points to the current operation node. this.node = this.nodeTree; }; Strophe.Builder.prototype = { /** Function: tree * Return the DOM tree. * * This function returns the current DOM tree as an element object. This * is suitable for passing to functions like Strophe.Connection.send(). * * Returns: * The DOM tree as a element object. */ tree: function () { return this.nodeTree; }, /** Function: toString * Serialize the DOM tree to a String. * * This function returns a string serialization of the current DOM * tree. It is often used internally to pass data to a * Strophe.Request object. * * Returns: * The serialized DOM tree in a String. */ toString: function () { return Strophe.serialize(this.nodeTree); }, /** Function: up * Make the current parent element the new current element. * * This function is often used after c() to traverse back up the tree. * For example, to add two children to the same element * > builder.c('child1', {}).up().c('child2', {}); * * Returns: * The Stophe.Builder object. */ up: function () { this.node = this.node.parentNode; return this; }, /** Function: attrs * Add or modify attributes of the current element. * * The attributes should be passed in object notation. This function * does not move the current element pointer. * * Parameters: * (Object) moreattrs - The attributes to add/modify in object notation. * * Returns: * The Strophe.Builder object. */ attrs: function (moreattrs) { for (var k in moreattrs) this.node.setAttribute(k, moreattrs[k]); return this; }, /** Function: c * Add a child to the current element and make it the new current * element. * * This function moves the current element pointer to the child. If you * need to add another child, it is necessary to use up() to go back * to the parent in the tree. * * Parameters: * (String) name - The name of the child. * (Object) attrs - The attributes of the child in object notation. * * Returns: * The Strophe.Builder object. */ c: function (name, attrs) { var child = this._makeNode(name, attrs); this.node.appendChild(child); this.node = child; return this; }, /** Function: cnode * Add a child to the current element and make it the new current * element. * * This function is the same as c() except that instead of using a * name and an attributes object to create the child it uses an * existing DOM element object. * * Parameters: * (XMLElement) elem - A DOM element. * * Returns: * The Strophe.Builder object. */ cnode: function (elem) { this.node.appendChild(elem); this.node = elem; return this; }, /** Function: t * Add a child text element. * * This *does not* make the child the new current element since there * are no children of text elements. * * Parameters: * (String) text - The text data to append to the current element. * * Returns: * The Strophe.Builder object. */ t: function (text) { var child = Strophe.xmlTextNode(text); this.node.appendChild(child); return this; }, /** PrivateFunction: _makeNode * _Private_ helper function to create a DOM element. * * Parameters: * (String) name - The name of the new element. * (Object) attrs - The attributes for the new element in object * notation. * * Returns: * A new DOM element. */ _makeNode: function (name, attrs) { var node = Strophe.xmlElement(name); for (var k in attrs) node.setAttribute(k, attrs[k]); return node; } }; /** PrivateClass: Strophe.Handler * _Private_ helper class for managing stanza handlers. * * A Strophe.Handler encapsulates a user provided callback function to be * executed when matching stanzas are received by the connection. * Handlers can be either one-off or persistant depending on their * return value. Returning true will cause a Handler to remain active, and * returning false will remove the Handler. * * Users will not use Strophe.Handler objects directly, but instead they * will use Strophe.Connection.addHandler() and * Strophe.Connection.deleteHandler(). */ /** PrivateConstructor: Strophe.Handler * Create and initialize a new Strophe.Handler. * * Parameters: * (Function) handler - A function to be executed when the handler is run. * (String) ns - The namespace to match. * (String) name - The element name to match. * (String) type - The element type to match. * (String) id - The element id attribute to match. * (String) from - The element from attribute to match. * * Returns: * A new Strophe.Handler object. */ Strophe.Handler = function (handler, ns, name, type, id, from) { this.handler = handler; this.ns = ns; this.name = name; this.type = type; this.id = id; this.from = from; // whether the handler is a user handler or a system handler this.user = true; }; Strophe.Handler.prototype = { /** PrivateFunction: isMatch * Tests if a stanza matches the Strophe.Handler. * * Parameters: * (XMLElement) elem - The XML element to test. * * Returns: * true if the stanza matches and false otherwise. */ isMatch: function (elem) { var nsMatch, i; nsMatch = false; if (!this.ns) { nsMatch = true; } else { var self = this; Strophe.forEachChild(elem, null, function (elem) { if (elem.getAttribute("xmlns") == self.ns) nsMatch = true; }); nsMatch = nsMatch || elem.getAttribute("xmlns") == this.ns; } if (nsMatch && (!this.name || Strophe.isTagEqual(elem, this.name)) && (!this.type || elem.getAttribute("type") == this.type) && (!this.id || elem.getAttribute("id") == this.id) && (!this.from || elem.getAttribute("from") == this.from)) { return true; } return false; }, /** PrivateFunction: run * Run the callback on a matching stanza. * * Parameters: * (XMLElement) elem - The DOM element that triggered the * Strophe.Handler. * * Returns: * A boolean indicating if the handler should remain active. */ run: function (elem) { var result = null; try { result = this.handler(elem); } catch (e) { if (e.sourceURL) { Strophe.fatal("error: " + this.handler + " " + e.sourceURL + ":" + e.line + " - " + e.name + ": " + e.message); } else if (e.fileName) { if (typeof(console) != "undefined") { console.trace(); console.error(this.handler, " - error - ", e, e.message); } Strophe.fatal("error: " + this.handler + " " + e.fileName + ":" + e.lineNumber + " - " + e.name + ": " + e.message); } else { Strophe.fatal("error: " + this.handler); } throw e; } return result; }, /** PrivateFunction: toString * Get a String representation of the Strophe.Handler object. * * Returns: * A String. */ toString: function () { return "{Handler: " + this.handler + "(" + this.name + "," + this.id + "," + this.ns + ")}"; } }; /** PrivateClass: Strophe.TimedHandler * _Private_ helper class for managing timed handlers. * * A Strophe.TimedHandler encapsulates a user provided callback that * should be called after a certain period of time or at regular * intervals. The return value of the callback determines whether the * Strophe.TimedHandler will continue to fire. * * Users will not use Strophe.TimedHandler objects directly, but instead * they will use Strophe.Connection.addTimedHandler() and * Strophe.Connection.deleteTimedHandler(). */ /** PrivateConstructor: Strophe.TimedHandler * Create and initialize a new Strophe.TimedHandler object. * * Parameters: * (Integer) period - The number of milliseconds to wait before the * handler is called. * (Function) handler - The callback to run when the handler fires. This * function should take no arguments. * * Returns: * A new Strophe.TimedHandler object. */ Strophe.TimedHandler = function (period, handler) { this.period = period; this.handler = handler; this.lastCalled = new Date().getTime(); this.user = true; }; Strophe.TimedHandler.prototype = { /** PrivateFunction: run * Run the callback for the Strophe.TimedHandler. * * Returns: * true if the Strophe.TimedHandler should be called again, and false * otherwise. */ run: function () { this.lastCalled = new Date().getTime(); return this.handler(); }, /** PrivateFunction: reset * Reset the last called time for the Strophe.TimedHandler. */ reset: function () { this.lastCalled = new Date().getTime(); }, /** PrivateFunction: toString * Get a string representation of the Strophe.TimedHandler object. * * Returns: * The string representation. */ toString: function () { return "{TimedHandler: " + this.handler + "(" + this.period +")}"; } }; /** PrivateClass: Strophe.Request * _Private_ helper class that provides a cross implementation abstraction * for a BOSH related XMLHttpRequest. * * The Strophe.Request class is used internally to encapsulate BOSH request * information. It is not meant to be used from user's code. */ /** PrivateConstructor: Strophe.Request * Create and initialize a new Strophe.Request object. * * Parameters: * (String) data - The data to be sent in the request. * (Function) func - The function that will be called when the * XMLHttpRequest readyState changes. * (Integer) rid - The BOSH rid attribute associated with this request. * (Integer) sends - The number of times this same request has been * sent. */ Strophe.Request = function (data, func, rid, sends) { this.id = ++Strophe._requestId; this.data = data; // save original function in case we need to make a new request // from this one. this.origFunc = func; this.func = func; this.rid = rid; this.date = NaN; this.sends = sends || 0; this.abort = false; this.dead = null; this.age = function () { if (!this.date) return 0; var now = new Date(); return (now - this.date) / 1000; }; this.timeDead = function () { if (!this.dead) return 0; var now = new Date(); return (now - this.dead) / 1000; }; this.xhr = this._newXHR(); }; Strophe.Request.prototype = { /** PrivateFunction: getResponse * Get a response from the underlying XMLHttpRequest. * * This function attempts to get a response from the request and checks * for errors. * * Throws: * "parsererror" - A parser error occured. * * Returns: * The DOM element tree of the response. */ getResponse: function () { var node = null; if (this.xhr.responseXML && this.xhr.responseXML.documentElement) { node = this.xhr.responseXML.documentElement; if (node.tagName == "parsererror") { Strophe.error("invalid response received"); Strophe.error("responseText: " + this.xhr.responseText); Strophe.error("responseXML: " + Strophe.serialize(this.xhr.responseXML)); throw "parsererror"; } } else if (this.xhr.responseText) { Strophe.error("invalid response received"); Strophe.error("responseText: " + this.xhr.responseText); Strophe.error("responseXML: " + Strophe.serialize(this.xhr.responseXML)); } return node; }, /** PrivateFunction: _newXHR * _Private_ helper function to create XMLHttpRequests. * * This function creates XMLHttpRequests across all implementations. * * Returns: * A new XMLHttpRequest. */ _newXHR: function () { var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); if (xhr.overrideMimeType) { xhr.overrideMimeType("text/xml"); } } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.onreadystatechange = this.func.prependArg(this); return xhr; } };
最新发布
08-08
我们正在讨论Strophe.js库中的Builder、Handler、TimedHandler和Request类。这些类在XMPP通信中扮演着核心角色。下面我将逐一解析它们的功能，并给出优化建议。 ### 1....**功能**：用于构建XML节（stanza），提供链式...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值