Javascript 计算html元素并除以100

我在页面上有以下简单的导航

.tab导航a，
.选项卡导航a：已访问，
.选项卡导航a：焦点，
.选项卡导航a：悬停{
显示：内联块；
颜色：#000；
文字装饰：无；
填充：24px；
边框：1px实心#dedede；
}

项目一
项目二
项目三
项目四
项目五

JavaScript有一个函数，您可以使用它来计算发生的次数。
然后你可以简单地将它们除以100

document.getElementsByTagName("a").length / 100;

对于PHP方法，可以使用

substr_count（）

JavaScript有一个函数，您可以使用它来计算发生的次数。

然后你可以简单地将它们除以100

document.getElementsByTagName("a").length / 100;

对于PHP方法，可以使用
substr_count（）

试试这个
DOMDocument
。但它不支持
HTML-5
。您只需停止错误显示即可禁用警告

<?php
$html='
<nav class="tab-nav">           
  <a>Item One</a>
  <a>Item Two</a>
  <a>Item Three</a>
  <a>Item Four</a>
  <a>Item Five</a>
</nav>';
$dom = new DOMDocument;
$dom->loadHTML($html);
$anchor_elements =  $dom->getElementsByTagName('a')->length;

echo $anchor_elements/100;

?>



对于javascript，您只需要这个

var anchorlist = document.getElementsByTagName("a").length;
var anchor_length_divided_by_hundred = anchorlist/100;
console.log(anchor_length_divided_by_hundred);(function() {
  var elems = document.getElementsByTagName("a");

  for (var i = 0; i < elems.length; i++) {

        elems[i].style.width = anchor_length_divided_by_hundred + "%";
}
})();

var anchorlist=document.getElementsByTagName（“a”）.length；
var anchor_长度除以_百=anchorlist/100；
控制台日志（锚定长度除以100）；（功能（）{
var elems=document.getElementsByTagName（“a”）；
对于（变量i=0；i
试试这个
DOMDocument
。但它不支持
HTML-5
。您只需停止错误显示即可禁用警告

<?php
$html='
<nav class="tab-nav">           
  <a>Item One</a>
  <a>Item Two</a>
  <a>Item Three</a>
  <a>Item Four</a>
  <a>Item Five</a>
</nav>';
$dom = new DOMDocument;
$dom->loadHTML($html);
$anchor_elements =  $dom->getElementsByTagName('a')->length;

echo $anchor_elements/100;

?>



对于javascript，您只需要这个

var anchorlist = document.getElementsByTagName("a").length;
var anchor_length_divided_by_hundred = anchorlist/100;
console.log(anchor_length_divided_by_hundred);(function() {
  var elems = document.getElementsByTagName("a");

  for (var i = 0; i < elems.length; i++) {

        elems[i].style.width = anchor_length_divided_by_hundred + "%";
}
})();

var anchorlist=document.getElementsByTagName（“a”）.length；
var anchor_长度除以_百=anchorlist/100；
控制台日志（锚定长度除以100）；（功能（）{
var elems=document.getElementsByTagName（“a”）；
对于（变量i=0；i
为什么不使用jquery？目前，该网站不依赖任何jquery，所以如果我能保持这种方式，那就太酷了。如果客户端100%保持不变，你也可以使用简单的javascriptClient-side，但是PHP确实有一个DOM解析器，你可以研究。我已经编辑了我的问题，因为我对PHP之外的解决方案持开放态度。为什么不使用jquery？目前，该网站不依赖任何jquery，所以如果我能保持这种方式，那就太酷了。如果100%保持客户端，你也可以使用简单的javascriptClient-side，但是PHP确实有一个DOM解析器，你可以研究它。我已经编辑了我的问题，因为我对PHP之外的解决方案持开放态度。好的：）将rm my comment^：）好的：）将rm my comment^：）谢谢，我喜欢JS版本。你能举一个例子说明如何添加样式吗？例如，100/5=20<代码>
谢谢，我喜欢JS版本。你能举一个例子说明如何添加样式吗？例如，100/5=20<代码>