开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

可以通过javascript getElementByName访问隐藏元素吗？

可以通过JavaScript的getElementsByName方法访问隐藏元素。getElementsByName是一个HTML DOM方法，用于选取具有指定名称的所有元素。即使元素被隐藏，它仍然可以被选中并进行操作。

以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
 <style>
    .hidden {
      display: none;
    }
  </style>
</head>
<body>
  <div name="example" class="hidden">这是一个隐藏的元素</div>
 <button onclick="showHiddenElement()">显示隐藏元素</button>

 <script>
    function showHiddenElement() {
      var hiddenElement = document.getElementsByName("example")[0];
      hiddenElement.style.display = "block";
    }
  </script>
</body>
</html>

在这个示例中，我们使用getElementsByName方法选取名称为example的隐藏元素，并在点击按钮时将其显示出来。

需要注意的是，虽然可以通过getElementsByName方法访问隐藏元素，但是如果元素被隐藏，用户仍然无法通过鼠标或键盘与其进行交互。因此，在使用此方法时，请确保您已经考虑到了这些因素。

相关搜索:vimeo api可以通过纯javascript访问吗？javascript可以从父页面访问iframe元素吗？可以通过javascript直接访问adwords API吗？可以通过JavaScript设置元素的CSS类吗？通过Javascript访问视图模型元素通过Javascript传递隐藏的表单元素集通过Javascript隐藏具有特定样式的Html元素可以通过隐藏字段传递JSON数据吗？可以通过WebUSB访问安卓配件吗？我可以通过API用uglifyjs美化javascript吗？通过onclick (for循环)访问Javascript数组中的子元素 Vanilla javascript:如何通过函数参数访问DOM元素属性？站点中的JavaScript可以访问SharePoint列表吗？我们可以通过实例访问typedef'ed类型吗？可以通过标签名访问原始github代码吗？是否可以通过JavaScript访问HTML标签的onSubmit属性？通过javascript访问新选项卡中的HTML元素 Javascript:可以通过Parse Cloud代码下载文件吗？我可以通过API访问Facebook广告计费数据吗？可以使用JS访问元素的DOM子项吗？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JavaScript-DOM节点操作

在JavaScript中，如果想通过id来选中元素，我们可以使用document对象的getElementById()方法。

04

JS开发引用HTML DOM的location和document对象[通俗易懂]

上一次提到，在报表软件FineReport的JavaScript开发中，可以访问并处理的HTML DOM对象有windows、location、document三种。这次就继续介绍后两种，location和document对象。

04

JavaScript学习（三）

JavaScript中的所有事物都是对象，如：字符串、数值、数值、函数等，每个对象带有属性和方法。

01

jquery要怎么写才能速度最快？（转…

1. 使用最新版本的jQuery jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句：　　$('.elem') 　　$('.elem', context) 　　context.find('.elem') 我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。结果如下：

03

jQuery最佳实践

jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。

02

jQuery最佳实践

上周，我整理了《jQuery设计思想》。那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。 =============================================

06

jQuery最佳实践

jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。

03

将浏览器嵌入 .NET 应用程序中：DotNetBrowser 还是 CefSharp？

CefSharp 实际上是 Chromium Embedded Framework[3] (CEF) 的 .NET 包装器。包装通过 C++/CLI 完成。

02

selenium webdriver自动化对日期控件的处理

-------------------------------------------------------------------------------------

01

前端(三)-JavaScript

JavaScript在设计之初，为了方便初学者学习，并不强制要求用 var 申明变量。这个设计错误带来了严重的后果：如果一个变量没有通过 var 申明就被使用，那么该变量就自动被申明为全局变量；

02

java学习与应用（4.2）--JavaScript、bootstrap

JavaScript，弱类型脚本语言，增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容（BOM对象+DOM对象） ECMAScript：与html结合：内部JS（script标签定义，在html文档内部，按位置先后执行），外部JS（script标签引入src元素），注释：当行//，多行/**/，数据类型：原始数据类型（基本，number[整数，小数，NaN not a number]，string，boolean，null，undefined），引用数据类型（对象）变量，var定义，开辟空间不定义类型。赋值可改变类型。document.write输出，添加标签
字符串换行。typeof(变量)关键字，打印数据类型（null是一个object的bug）。运算符，一元运算符：++，--，+-（正号,负号[可以将其他类型转number，无法转换为NaN]），算数运算符：+-*/%，赋值运算符=，+=，-=，比较运算符：>，>=，<，<=，==，!=，类型不同则转换类型比较，===（不转换类型比较）。

01

py+selenium遇见IE，元素只有name属性【神奇解决】

IE8的问题：IE8不支持getElementByName，而属性中又没有ID，定位难度较大。

01

day16_ajax学习笔记

JavaScript 中 XMLHttpRequest对象是整个Ajax技术的核心，它提供了异步发送请求的能力。

03

js学习

2、由于JavaScript无需编译，是上到下执行的解释执行，所以在保证可读性的情况下，允许使用链式编程

01

使用Java进行网页抓取

用于网页抓取的流行语言有Python、JavaScript和Node.js、PHP、Java、C#等。因为有很多选择，想要确定哪种语言最合适并不容易。每种语言都有其优点和缺点。在本文中，我们将使用Java进行网页抓取并使用 Java创建一个网页抓取工具。

00

Javascript中DOM技术的的简单学习

05

现代前端技术解析：现代前端交互框架

Web前端页面的开发避免不了与DOM的交互操作。前端框架的一次次变化，从提升效率的阶段，慢慢走向改善性能的阶段。

03

JavaScript学习（一）

使用<script>标签在HTML网页中插入JavaScript代码。<script>标签要成对出现，并且JavaScript代码写在<script></script>之间。

03

现代前端技术解析：现代前端交互框架

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

03

2019年底前的web前端面试题初级-web标准应付HR大多面试问题

当margin给一个值的时候，指四个方向。当margin给二个值的时候，指的是上下左右

05

3-DOM

将标记语言文档（HTML,XML…）的各个部分，封装为对象，可以使用这些对象，对标记语言文档进行CRUD动态操作

02

php基础（一）

static 是静态变量,在局部函数中存在且只初始化一次,使用过后再次使用会使用上次执行的结果; 作为计数，程序内部缓存，单例模式中都有用到。

02

jQuery，和嵌入其中的Ajax

jQuery库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它：

02

JQuery基础

学习jQuery的时候，很快过了一遍，发现好多知识点不清晰。看来还是要写出来加深印象，平时多练习！ jQuery是一个Javascript函数库，轻量级，“写得少，做的多！”，它有以下功能： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities（实用工具）很多大公司都在使用jQuery:Google,Microsoft,IBM等。jQuery兼容所有主流浏览器，包括IE6（不失为解决兼容性的一种方法）。

05

PhantomJS快速入门

本文简要介绍了PhantomJS的相关基础知识点，主要包括PhantomJS的介绍、下载与安装、HelloWorld程序、核心模块介绍等。由于鄙人才疏学浅，难免有疏漏之处，欢迎指正交流。

02

Web 框架的替代方案

在本系列第二部分中，Noam 提出了一些模式，说明如何直接用 Web 平台作为框架提供的一些解决方案的替代方案。

01

JavaScript进阶内容——jQuery

我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库

01

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

D.closest()获得D所有父元素,含自己（D、B、A）与 D.parents() 对比

02

vuejs-指令详解

v-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，那么对应的元素就会从DOM中移除；否则，对应元素的一个克隆将被重新插入DOM中，代码如下：

01

前端页面替换文本的方法和一些小技巧

在前端页面替换文本有几种做法，不假思索的答案通常是直接用JavaScript。但你有没有想过这完全可以用CSS实现呢？背景在前端页面上，有的时候我们需要根据用户行为，替换的显示文本。比如 “显示/隐藏”、“展开/收起”。这是一个很常见的功能，实现起来也没有太大的难度。 CSS Tricks 有一篇文章谈及“替换文本的五种方法”（Swapping Out Text, Five Different Ways）。在这篇文章里，作者总结了使用五种实现方法，并且在评论里和很多读者进行了一些讨论分析。我在这里总

07

Vue篇：常用指令

绑定的方法定义在methods，方法内部通过this关键字可以访问定义在data中的数据。

01

在移动端避免使用100vh「建议收藏」

CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度，你可以设置高度:100vh，这样你就有了一个完美的全屏元素，它会随着视口的改变而改变大小!遗憾的是，事实并非如此。100vh在不同的浏览器的实现方式上也有一点微妙的变化，这使得它几乎毫无用处。最好避免100vh，而是依赖javascript来设置高度，以获得完整的视口体验。

02

JavaScript 库 - jQuery、Prototype、MooTools分析

所有这些框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理。 jQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。 jQuery 同时提供 companion UI（用户界面）和插件。下面进行介绍：

00

框架究竟解决了啥问题？我们可以脱离它们吗？

大家好，我是 ConardLi，相信各位在 Web 开发的工作中已经离不开框架了，不知道有多少同学还用原生 JS 写代码呢？你有认真思考过框架究竟为我们解决了什么样的问题吗？脱离了这些框架，我们可以解决这些问题吗？我们来看看今天的文章：

03

使用这些 CSS 属性选择器来提高前端开发效率！

这样任何具有href属性的且没有更特定选择器的元素的文本颜色都会是红色的。属性选择器的特性与类相同。

05

JS示例20-如何读取父节点parentNode

一、知识要点 1、点击隐藏父节点 2、parentNode 二、源码参考 <!DOCTYPE > <html> <head> <title></title> <meta charset="utf-8"> <script> window.onload = function() { var aTags = document.getElementsByTagName('a');

01

【前端基础】JS基础学习笔记整理

JavaScript是一种基于对象的脚本编程语言，是浏览器上的程序语言。当web容器输出内容到浏览器时，这个内容是包含js源代码的，此时，JavaScript可以操作浏览器上的一切内容，在浏览器上提供用户交互，页面美化，增加页面的智能性。 JavaScript是一种基于对象的语言，通过 JavaScript代码来操作对象――访问或者设置对象的属性，编写对象的特定的事件（方法）代码。 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实

07

contextpath有什么用_context的用法

使用基于Java的后端(即servlet和JSP)，如果我需要JavaScript的contextPath，那么推荐的模式是什么？为什么？我可以想到几种可能性。我缺少任何吗？

02

Vue 核心基础（2.X）

一、Vue 的基本认识 20201225195043.png 官网：英文官网: https://vuejs.org/ 中文官网: https://cn.vuejs.org/ 1、Vue 的特点遵循MVVM 模式编码简洁，体积小，运行效率高，适合移动/ PC 端开发它本身只关注 UI，可以轻松的引入 vue 插件或其他的第三库开发项目二、Vue 的基本使用永远的 HelloWord 编码：

<input type="text" v-model="username

02

JavaScript 入门（下）

[HTML入门与进阶以及HTML5] [CSS] [JS-上] [JS-下] [jQuery] [Node.js + Gulp 知识点汇总] [MongoDB + Express 入门及案例代码] [Vue项目开发-仿蘑菇街电商APP]

02

JavaScript基础——JS编译器你都做了啥？

在写这篇文章之前，小编工作中从来没有问过自己这个问题，不就是写代码，编译器将代码编辑成计算机能识别的01代码，有什么好了解的。其实不然，编译器在将JS代码变成可执行代码，做了很多繁杂的工作，只有深入了解背后编译的原理，我们才能写出更优质的代码，了解各种前端框架背后的本质。为了写这篇文章，小编也是诚惶诚恐，阅读了相关的资料，也是一个学习了解的过程，难免有些问题，欢迎各位指正，共同提高。

Ajax与jQuery异步加载数据

一次性从服务器数据库中读取数据并传送到前端页面上是不现实的，一方面会加重服务器的压力，另一方面客户的带宽资源也会被占用。Ajax刚好可以解决数据异步加载的问题。Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

02

web前端开发初学者十问集锦（4）

利用JS来控制页面控件的显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

02

从一道面试题引发的原理性探究

key 是给每一个 vnode 的唯一 id,依靠 key,我们的 diff 操作可以更准确、更快速。对于简单列表页渲染来说 diff 节点也更快,但会产生一些隐藏的副作用,比如可能不会产生过渡效果,或者在某些节点有绑定数据（表单）状态，会出现状态错位。)

02

jQuery的简单使用

jQuery注册事件也很简单，通过选择器包装好标签对象后，调用相关的事件方法即可，调用事件方法时需要传递一个函数对象，当事件被触发就会执行函数里的代码。在jQuery里的事件名称并没有与html中的事件名称有多大区别，还是那个熟悉的味道熟悉的套路，示例：

01

要提升前端布局能力，这些 CSS 属性需要学习下！

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

03

前端开发需要知道的一些 CSS 属性选择器！

这样任何具有href属性的且没有更特定选择器的元素的文本颜色都会是红色的。属性选择器的特性与类相同。

02

JavaScrip学习笔记（四）---DOM基础

< script > window. onload= function(){ var oUl= document. getElementById( 'ul1'); alert( oUl. childNodes. length); };

01

HTML 5.2中有些什么新变化？

不到一个月前，HTML 5.2成为W3C官方的推荐标准（REC）。当一个规范进入REC阶段时，就意味着它已经得到了W3C成员和负责人的正式认可，并且W3C正式把它推荐推荐给用户进行部署，并且由网页开发人员实施。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭