简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

When to use document and document.all respectively_JavaScript

WBOY
Release： 2016-05-16 19:29:25
Original
999 people have browsed it
<body>
<div id="aa">123456 div>
<input type= "button" value="It's wrong to use document here" onclick="alert(document.aa.innerText);" />
<br />
<input type="button" value="It won’t go wrong if you use document.all here" onclick="alert(document.all.aa.innerText);" />
body>
Run the above code.

If the name attribute is set in the html tag corresponding to a, form object, image object, applet object, its value will be used as the attribute name of the document object to refer to the corresponding object and other objects. It is not possible.
In addition, if input is used as a sub-element of form, it is wrong to directly use inputName or document.inputName to reference this object. You must use formName.inputName to reference, otherwise you can use inputName to reference.
In addition, you should Notice that there are many commonly used elements without names.
If you want to reference an element with an id, you can only use Id or document.getElementById, document.all.id to reference
But for elements like this, so
like ...... can be used
linkid.href ;
linkname.href;
document.all.linkid.href;
document.all.linkname.href;
document.getElementById("linkid").href;
document.getElementsByName ("linkname")[0].href to reference

all is a collection that contains all html objects. Write a program to access all objects. Like this:

Be careful to put the program after .

Related labels：
document and
source：php.cn
Previous article：javascript dynamically add table rows_JavaScript Next article：The entire line changes color when the mouse is moved over_JavaScript
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
jQuery variable redirects to undefined url despite it being a string I'm having trouble trying to redirect to a new URL using jQuery, but somehow it doesn't wo...
From 2024-04-01 21:03:17
0
1
341
Embedding HTML generated by an R function I want to dynamically build html and render that html in quarto. The actual application in...
From 2024-04-01 20:51:51
0
1
367
Edit dynamically created text in Javascript I'm creating a "Social Media Comments Section" (you can add your own comments by...
From 2024-03-31 14:17:41
0
1
364
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！