javascript - 使用javascript在php代码中显示标签的值

标签 javascript php css-selectors

我最近开始学习 CSS,我发现了一个任务,我需要从这个 php 代码中显示标签汽车的值:

<html><head></head><body>
        <house></house>
        <star> </star>
        <car> </car>
    <car>aa test</car>
<car>aa test</car>
<car>aa test</car>
<car>aa test</car>
<car>aa test</car>
<car>aa test</car>
<car>aa test</car>
<car>aa test</car>
<car>aa test</car>
        <star> </star>
        <sun> </sun>
        <star> </star>
        <house></house>
        <car>test </car>
        <sun> </sun>
    <car>zly test</car>
<car>zly test</car>
<car>zly test</car>
<car>zly test</car>
<car>zly test</car>
<car>zly test</car>
<car>zly test</car>
<car>zly test</car>
<car>zly test</car>

    <script>
        alert(document.querySelectorAll("xxxxxxx")[0].innerHTML);
    </script>


</body></html>

重点是打印此标签的值,仅更改以下命令中引号中的内容:

alert(document.querySelectorAll("xxxxxx")[0].innerHTML);

我知道如何显示单个标签的值,但这里名为 car 的标签有几个不同的值。有什么简单的方法可以显示吗?

最佳答案

您可以迭代 querySelectorAll 数组中的每个项目:

var cars = document.querySelectorAll("car");
var allCars = "";
for (var i = 0; i < cars.length; i++) {
    allCars += cars[i].innerHTML;
}
alert(allCars);

You can see a working JSFiddle here.

关于javascript - 使用javascript在php代码中显示标签的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46636204/

相关文章:

javascript - 使用 javascript 以编程方式单击非按钮元素?

javascript - Angular js 搜索过滤器(ng-repeat 内的日期和 ng-repeat)

css - 奇怪的 CSS 语法。 [类^ ='icon-'],[类* =' icon-']

html - 列表项的 CSS 颜色没有改变

javascript - 如何在数组中添加对象的键?

javascript - 如何从 Controller 返回 JavaScript?

php - 根据出版商选择图书时,动态下拉搜索仅返回一行

php - 删除 mysql 搜索中区分大小写的内容

php - Yii2:为特定 Controller 设置布局

html - CSS nth-of-type 不工作