Home > Developer > Web Develop
getElementsByNameHTMLDocument Interface, and NodeList getElementsByName(in DOMString elementName) the method does not throw any exceptions.HTMLDocument same, but the new description searches for all elements in the HTML4.0, while the XHTML 1.0 search scope shrinks to form elementsDocument the DOM core standard, but HTMLDocument belongs to DOM HTML instead of Dom core)Document another ' HTMLDocument, the prototype is the samenameand id different, can be repeated, so the method name has "S", and the return isNodeListNodeList , and when the page element changes, the call to get again NodeList will follow the update.null is not an emptyNodeListnameThere are two types of elements, one is already in the IDL of the element, and the other is just the property of the name name ( Attr )document.name way to get the name element name directly, but this feature does not appear in the standard, and some new browsers do not support this approach, so it is best not to useie9-only the elements that are allowed with name in HTML4 (in other words, only the elements that are in IDL name ). But they also have a bug: Count the same element with any ID as the name you are searching for.
Check
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Document</title></Head><Body> <DivID= "Foo"></Div> <aname= "Bar"></a> <Divname= "Baz"></Div></Body></HTML>
IE 9-Next:
document.getElementsByName(‘baz‘).lengthReturns 0 (because the div in HTML 4 cannot take name)document.getElementsByName(‘foo‘).lengthReturns 1 (the div that does not have the name but the ID and the name of the query in HTML 4)document.getElementsByName(‘bar‘).lengthReturns 1, which is normal behavior.FireFox and Chrome return 1,0,1, which allows any element with name and does not confuse the ID with name.
Therefore, in IE 9, the elements obtained using this method may also need to be elem.name == name filtered.
In addition, some versions of IE return are not, NodeList HTMLCollection but because of HTMLCollection compatibility NodeList , so there is no major impediment.
In Dom HTML, name only in the IDL of some element (which IDL has attribute domstring name can be seen in DOM Level 2 and WHATWG, or reference HTML4 DTD), while the other elements is actually a property that is implemented as an ordinary Attr Node instead of the element IDL itself NamedNodeMap (see Dom 3 and WHATWG). Therefore, the elements that are not in IDL name cannot be elem.name obtained directly name , but getAttribute can be obtained by using them. For example:
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Document</title></Head><Body> <Divname= "Baz"></Div> <aname= "Bar"></a></Body></HTML>
In the console:
var div = document.getelementsbyname (' baz ') [0// undefined// Baz var a = document.getelementsbyname (' bar ') [0// bar// Bar DocumentInheritance ContainerNode (see Webcore/dom/document.h), which is essentially ContainerNode used getElementsByName .
containernode getelementsbyname use namenodelist as Nodelistsnodedata::addcachewithatomicname<> template specialization for (see webcore/dom/ ContainerNode.cpp). Note the template for nodelistsnodedata::addcachewithatomicname<> improves code reuse--only the class defined for template specialization Create , elementmatches , and so on, you can use Addcachewithatomicname to implement live nodelist filtering + Cache. WebKit all of these functions in the Cachedlivenodelist class, so long as the class is inherited and the virtual function it inherits is implemented, it can be used for Addcachewithatomicname Template specialization for (see WEBCORE/DOM/LIVENODELIST.H), creating a nodelist with cache and specific filtering criteria.
NodeListsNodeDataUse a private NodeListAtomicNameCacheMap member to m_atomicNameCaches implement the cache. When addCacheWithAtomicName called, first check if the corresponding cache already exists, if present, with m_atomicNameCaches.fastAdd a quick update (see WEBCORE/DOM/NODERAREDATA.H (note NodeListAtomicNameCacheMap essentially a hash map, see typedef definition). If there is no cache, call the template class's create function to create a new template class object and return it here NameNodeList .
NamedNodeListInherited CachedLiveNodeList , CachedLiveNodeList used by iterators collectionBegin() , collectionTraverseForward() etc. (see WEBCORE/DOM/LIVENODELIST.H) will traverse the descendants of root node that need to be filtered, using virtual function elementMatches filtering (see Webcore/ dom/livenodelist.h). NamedNodeListimplemented elementMatches as a element.getNameAttribute() == m_name filtering standard (see WEBCORE/DOM/NAMENODELIST.H).
It is important to note thatCachedLiveNodeListelementMatchesLiveNodeListLiveNodeListelementMatchesvirtual bool elementMatches(Element&) const = 0NamedNodeListCachedLiveNodeListelementMatchesauto& nodeList = static_cast<const NodeListType&>(*this)thiselementMatcheselementMatchesgetElementsByNamedocumentelementMatchesElementDescendantIterator
Other notable points:
name , using a 32-bit integer to ElementData hold the array length and flag (see webcore/dom/ ELEMENTDATA.H, this saves space and time, and is able to treat IDL-defined attributes and custom attributes equally.Nodeis also known by pre-defined flag-bit operations (instead of using C + + expensive rtti), the definition of flag is described in webcore/dom/node.hname , for the elements contained in IDL, WebKit is actually wrapped one element.getNameAttribute to return name , for example, <a> see Webcore/html/htmlanchorelement.cpp. Therefore NamedNodeList element.getNameAttribute() , either name in IDL or as its own property will be returned, reflected in the upper level is getElementsByName() also not need to control name whether in IDL.Follow the standard and WebKit source to explore DOM--get the getelementsbyname of the element
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
