javascript - 使用 PHP 获取数组计数，在 HTML 中插入计数并使用 Javascript 获取

Question

使用 PHP，我可以捕获从查询返回的行数。

$resultRowsCount = count($resultRows);

我正在将其插入到 HTML 中。

<section class="main-results" value="<?php print $resultRowsCount ?>"> </section>

这样 JavaScript 就可以获取该值。

let resultAmount = document.getElementsByClassName("main-results").value ;

但不知何故，当我尝试记录 resultAmount

时，它给了我“未定义”

我尝试更改类型，但没有成功。

settype($resultRowsCount,'string');
settype($resultRowsCount,'integer');

这是我在开发工具中得到的

Answer 1

getElementsByClassName() 方法返回一个匹配元素数组，因此您想要获取第一个索引=0 的元素:

let resultAmount = document.getElementsByClassName('main-results')[0]

并且您需要 value 的 HTML 属性，因此您可以使用如下内容:

let resultAmount = document.getElementsByClassName('main-results')[0].getAttribute('value')

jsfiddle