从DOM中获取一个不具有公共属性的元素

Question

如果我们有这个：

<div class="test">

我们使用这个DOM来调用它。

div.test

但是如果我们有这样的自定义属性

<div xpl-highlight="">

我们如何从DOM中调用它

Answer 1

与使用css选择器

相同

body {
  margin: 0;
}
.animated {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.yt-loader {
    -webkit-animation-name: horizontalProgressBar;
    animation-name: horizontalProgressBar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: #ef534e;
    height: 3px;
    left: 0;
    top: 0;
    width: 0%;
    z-index: 9999;
    position:relative;
}

.yt-loader:after{
  display: block;
  position: absolute;
  content:'';
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: #ef534e 1px 0 6px 1px;
  opacity: 0.5;
}
@keyframes horizontalProgressBar
{
    0%   {width: 0%;}
    20%  {width: 10%;}
    30%  {width: 15%;}
    40%  {width: 18%;}
    50%  {width: 20%;}
    60%  {width: 22%;}
    100% {width: 100%;}
}

Answer 2

您可以这样选择：div[xpl-highlight]