文章/答案/技术大牛

发布

问JS更改CSS嵌套树
EN

Stack Overflow用户

提问于 2020-10-30 21:06:22

回答 2查看 53关注 0票数 3

我希望做到这一点：

.LoanAppLine:nth-of-type(5) tr {
...
}

但在JavaScript中。我试过了，但不确定如何让它工作。

document.getElementsByClassName('LoanAppLine')[5] tr.style.display = 'none';

我只想更改嵌套tr中的CSS。

javascript

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-10-30 21:14:16

您可以使用document.querySelectorAll获取与选择器匹配的所有元素，并使用forEach遍历选择器。

document.querySelectorAll(".LoanAppLine:nth-of-type(5) tr").forEach(x => x.style.display = "none");

票数 2

Stack Overflow用户

发布于 2020-10-30 21:10:03

您可以使用querySelector()而不是getElementsByClassName()。较新的querySelector()返回与指定的CSS选择器匹配的第一个元素。您可以使用：

document
  .querySelector('.LoanAppLine:nth-of-type(5) tr')
  .style
  .display = 'none'

如果您有多个元素，则可以使用querySelectorAll()，它将返回一个NodeList (与选择器匹配的元素列表)。NodeLists有一个forEach()方法，您可以使用它来迭代元素：

document
  .querySelectorAll('.LoanAppLine:nth-of-type(5) tr')
  .forEach(el => el.style.display = 'none')

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64615766

复制

牛逼！表单自动格式化

el input 表单配置数据

今天，了不起发现了一个非常有用的宝藏插件：Cleave.js。提供一个简单的方法来格式化您的输入数据,以此增加输入字段的可读性。让你的页面表单使用体验感爆棚~

程序员老鱼

2023/10/25

2040

Web表单开发之实时格式化显示——Cleave.js

javascript tcp/ip

Cleave.js是一个帮助表单实现各种复杂实时格式化显示的工具库，可以说Cleave.js让表单的输入变得更加的高逼格，能实现很多复杂的表单格式化显示，简而言之就是针对<input/>标签按照诸如千分位、电话号码等风格的特定显示！

IT大咖说

2020/12/29

2.2K0

React Js 中创建和使用 Redux Store

react redux store 管理命令行

本文，我们将学习在 React 应用中怎么创建 Redux Store。同时，我们将分享怎么使用 Redux store 去管理复杂的 states。

Jimmy_is_jimmy

2023/08/11

3020

如何在 React 中引入 less？

webpack 打包 npm react css

本文主要写如何在 React 中引入 less 。因为 less 和 css 非常像，因此很容易学习。而且 less 仅对 css 语言增加了少许方便的扩展，这就是 less 如此易学的原因之一。

子舒

2022/06/09

3.9K0

React篇(020)-如何在 React 中创建组件?

ecmascript react

答案：有两种可行的方法来创建一个组件： 1. Function Components: 这是创建组件最简单的方式。这些是纯 JavaScript 函数，接受 props 对象作为第一个参数并返回 React 元素：

齐丶先丶森

2022/05/12

2.9K0

如何在react中使用svg icons

react svg

该文介绍了如何在React组件中使用SVG图标。首先介绍了传统的使用方式，然后介绍了使用React组件的方式，最后通过一个名为`Mic`的组件示例展示了如何将SVG图标转换为React组件。通过使用Fis3插件，可以自动将SVG转换为React组件，从而简化了React项目中使用SVG的过程。

IMWeb前端团队

2017/12/29

2.8K0

如何在js中创建对象

object 对象

七夕临近了，没有对象的来创建一个吧使用对象字面量： const o = { name: "zehan", greeting() { return `Hi, 我是${this.name}`; } }; o.greeting(); // "Hi, zehan" 使用构造函数： function Person(name) { this.name = name; } Person.prototype.greeting = function () { return `Hi, 我是

ZEHAN

2020/09/23

7.6K0

如何在react中使用svg icons

svg react

首先，react是支持svg，所以使用svg是没有问题的，但是到目前为止(版本为v15.3.0)还不支持svg的use标签，所以打算使用svg symbol还是趁早放弃，以下为官方的svg支持标签：

IMWeb前端团队

2019/12/04

1.5K0

WdatePicker 如何在js里获取到选中的值

java

爱明依

2019/03/12

11.5K0

如何在 React 中优雅的写 CSS

react css https 网络安全 webpack

看目录结构清晰明了，由于“ CSS 文件分离 != CSS 作用域隔离”这样的机制，如果我们不通过一些工具或规范来解决 CSS 的作用域污染问题，会产生非预期的页面样式渲染结果。

政采云前端团队

2019/12/20

4.1K0

flutter - 如何在 dart/flutter 中收听流值

flutter dart

如果流不是广播流，则您只能收听一次。请参阅此 Medium post 以了解有关 Streams 的更多信息。收听 stream 时，您需要在 _assetsAudioPlayer.currentPosition 函数中添加您的代码。

徐建国

2021/08/30

1.1K0

如何在 React 中快速实现暗黑模式

react 网站变量配置用户体验

暗黑模式已成为许多应用程序和网站的最基本功能，因为它可以带来非常好的用户体验。因此在项目中实现暗模式是一项非常有用的技能，使用 ReactJS 和 Chakra UI 可以轻松实现暗模式。

程序那些事儿

2023/07/24

6990

如何在React中写出更好的代码

react 编程算法 ide https 网络安全

在React中编写更好的代码的提示，关于Linting、propTypes、PureComponent和其他几个点，帮你编写更好的代码。

用户6835371

2021/09/03

2.5K0

如何在React中优雅的处理doubleClick

javascript jquery node.js https 网络安全

上午楼主遇到一个需要处理双击事件的需求，在这里介绍下如何在触发doubleCLick时间的时候, 不触发click事件的解决办法，顺便分享给大家。

皮小蛋

2020/03/02

8K2

js中如何判断数组中包含某个特定的值_js数组是否包含某个值

编程算法 java https 网络安全

array.includes(searchElement[, fromIndex])

全栈程序员站长

2022/09/27

18.6K0

如何在chrome中实时修改JS

chrome com

有时候，我们需要去研究人家网站的运行机制，这就免不了要在他们的前端脚本里插入一些调试代码看看运行效果。在chrome65以前，我们可以打开目标网页的开发者工具—source选项卡—目标JS/CSS文件，然后在相关位置写入代码保存后即可看到改动后的效果。chrome65之后需要进行本地代码替换，本文就介绍一下如何在chrome中用本地代码替换在线代码，以达到在线修改JS的效果。

流量黑客

2020/01/02

38.1K2

如何在 JS 中“深冻结”对象？

html javascript

1.如果咱们想要确保对象被深冻结，就必须创建一个递归函数来冻结对象类型的每个属性：

程序狗

2021/09/15

1.7K0

如何在页面中引入JS教程

java javascript

须位于 <script> 与 </script> 标签之间,放置在 HTML 页面的 <body> 或者 <head> 标签中:

小小鱼儿小小林

2020/06/23

5.5K0

js中6个值为'假'

javascript

除了这 6 个外，其它均为“真” ，包括对象、数组、正则、函数等。注意 '0'、'null'、'false'、{}、[]也都是真值。

用户1349575

2022/01/25

1.3K0

点击加载更多

相似问题

Cleave.js电话CA

如何在Vue中结合使用cleave.js和element？

116

在cleave中设置最大值

111

如何使用cleave.js作为表单字段？

114

使用testing-library测试cleave.js组件

259

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问JS更改CSS嵌套树
EN

回答 2

Stack Overflow用户

Stack Overflow用户

Cleave.js电话CA

如何在Vue中结合使用cleave.js和element？

在cleave中设置最大值

如何使用cleave.js作为表单字段？

使用testing-library测试cleave.js组件

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS更改CSS嵌套树EN

回答 2

Stack Overflow用户

Stack Overflow用户

Cleave.js电话CA

如何在Vue中结合使用cleave.js和element？

在cleave中设置最大值

如何使用cleave.js作为表单字段？

使用testing-library测试cleave.js组件

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS更改CSS嵌套树
EN