Javascript 以前缀开头的所有元素的CSS选择器

我有几种高分子元素

<ps-el-one/>
<ps-el-two/>
<ps-el-three/>
<ps-el-four/>

---

此解决方案似乎效率很低。

我不知道有任何元素选择器，但可以使用CSS3属性和类子字符串匹配选择器（IE7+支持）：

不确定这是否是您想要的，但可能会为您提供另一种实现相同目标的方法。

检查此项

$（“input[name*='man']）.val（“里面有人！”；

只需为自然界中常见的所有元素指定一个类即可。并且做：

HTML

<ps-el-one class="ps"/>
<ps-el-two class="ps"/>
<ps-el-three class="ps"/>
<ps-el-four class="ps"/>

JS

// for all elements together
.ps { /* css for all elements together */ }    

// for individual elements
.ps:nth-of-type(1) { /* css for 1st ele */ }
.ps:nth-of-type(2) { /* css for 2nd ele */ }
.ps:nth-of-type(3) { /* css for 3rd ele */ }
.ps:nth-of-type(4) { /* css for 4th ele */ }

// for all elements together
var ps = document.querySelectorAll('.ps');

// for individual elements
var ps1 = document.querySelectorAll('.ps')[0];
var ps2 = document.querySelectorAll('.ps')[1];
var ps3 = document.querySelectorAll('.ps')[2];
var ps4 = document.querySelectorAll('.ps')[3];

---

您可以使用类似这样的内容来代替querySelectorAll

function myFunction() {
    var x = document.getElementsByTagName("*");
    var res = [];
    for(var i = 0; i < x.length; i++) {

   if(x[i].tagName.indexOf('PS-') == 0) {

         res.push(x[i]);
    }
    }

}

函数myFunction（）{
var x=document.getElementsByTagName（“*”）；
var-res=[]；
对于（变量i=0；i

这可能会对您有所帮助，包括所有4个名称的白名单，并清楚地循环每个名称，这将比完整的文档迭代更有效。如果要给类，您可以使用子字符串类选择器，而不是逐个选择它们one@YaserAdelMehraban . 不您是否认为有必要先使元素名不同，然后使类名也不同，然后使用复杂的子字符串函数来获取所有元素名。聚合物对不同组分的标签名称也有不同的要求。如果您给了我-1，请将其删除。也许你误解了我。

// for all elements together
.ps { /* css for all elements together */ }    

// for individual elements
.ps:nth-of-type(1) { /* css for 1st ele */ }
.ps:nth-of-type(2) { /* css for 2nd ele */ }
.ps:nth-of-type(3) { /* css for 3rd ele */ }
.ps:nth-of-type(4) { /* css for 4th ele */ }

// for all elements together
var ps = document.querySelectorAll('.ps');

// for individual elements
var ps1 = document.querySelectorAll('.ps')[0];
var ps2 = document.querySelectorAll('.ps')[1];
var ps3 = document.querySelectorAll('.ps')[2];
var ps4 = document.querySelectorAll('.ps')[3];

function myFunction() {
    var x = document.getElementsByTagName("*");
    var res = [];
    for(var i = 0; i < x.length; i++) {

   if(x[i].tagName.indexOf('PS-') == 0) {

         res.push(x[i]);
    }
    }

}