小编Sak*_*rda的帖子

在纯JavaScript中获取元素的第n个子编号

我正在为我的网站创建一个函数,我在其中设置了一个数据属性,其中包含该元素的第n个子编号.

我的HTML标记:

<html>
<body>
    <section class="hardware">some text, nth-child is one</section>
    <section class="hardware">some text, nth-child is two</section>
    <section class="hardware">some text, nth-child is three</section>
    <section class="hardware">some text, nth-child is four</section>
    <section class="hardware">some text, nth-child is five</section>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

到目前为止我的JavaScript:

var selector = document.getElementsByClassName('hardware');
for(var i = 0; i <= selector.length; i++) {
    var index = selector[i] //get the nth-child number here
    selector[i].dataset.number = index;
}
Run Code Online (Sandbox Code Playgroud)

如何使用纯JavaScript(而不是jQuery)获取元素的第n个子编号,这在JavaScript中是否可行?

html javascript css-selectors

16
推荐指数
2
解决办法
5万
查看次数

带有系统图像的倒置遮罩 swiftui

我正在尝试从 swiftUI 中的圆形中剪出一个 sf 符号。

我目前有以下代码:

Circle()
   .fill(Color.white)
   .frame(width: 50, height: 50)
   .mask(
       Image(systemName: "play.fill")
           .font(.system(size: 24))
           .foregroundColor(Color.black)
           .frame(width: 50, height: 50)
   )
Run Code Online (Sandbox Code Playgroud)

产生:

在此处输入图片说明

但是,我想要的是反转蒙版的效果:符号从圆圈中切出,如下图所示:

在此处输入图片说明

请注意,实际背景不是图像中的红色,而是用户上传的图像,因此无法将符号 foregroundColor 设置为红色。

有什么方法可以反转符号/图像的蒙版,使圆圈中有一个具有图像形状的孔?

ios swiftui sf-symbols

8
推荐指数
3
解决办法
2050
查看次数

纯javascript中的selector.addClass('classname')

在jQuery中你可以这样做:

$('#myElement').addClass('header');
Run Code Online (Sandbox Code Playgroud)

我怎么能在纯JavaScript中这样做

var elem = document.getElementById('myElement');
elem.addClass('header');
Run Code Online (Sandbox Code Playgroud)

所以我想创建一个小的自定义库,在函数之前使用选择器而不是:

function addClass(element, class) {
    element.className += ' ' + class;
}
Run Code Online (Sandbox Code Playgroud)

这被称为:

var elem = document.getElementById('myElement');
addClass(elem, 'header');
Run Code Online (Sandbox Code Playgroud)

这是可能的,如果是我怎么能这样做?

html javascript

0
推荐指数
1
解决办法
903
查看次数

标签 统计

html ×2

javascript ×2

css-selectors ×1

ios ×1

sf-symbols ×1

swiftui ×1