我正在为我的网站创建一个函数,我在其中设置了一个数据属性,其中包含该元素的第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中是否可行?
我正在尝试从 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 设置为红色。
有什么方法可以反转符号/图像的蒙版,使圆圈中有一个具有图像形状的孔?
在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)
这是可能的,如果是我怎么能这样做?