使用“Chrome”修改html的Chrome扩展名；如果是&引用；加上「；命令

我不是一个熟练的程序员，这就是为什么我的解释将是简单和基本的

我想做一个个人的Google Chrome扩展，在我不拥有的网页中进行HTML更改。我不在乎它是非优化的还是丑陋的代码。我只是想让它发挥作用。写很多，不要怕我

代码必须检测变量“title=“xxxx”，然后它将添加对代码的更改

例如，如果：

<h2>
<a href="/car/bmw" class="secondaryPageLink" title="BMW's page">BMW</a>
</h2>

<div class="age">
<p>2005</p>

2005年

然后将其替换为：

<h2>
<a href="/car/bmw" class="secondaryPageLink" title="BMW's page">BMW</a>
</h2>

<div class="age">
<p>250000,00$</p>
<p>2005</p>

<h2>
<a href="/car/mercedes" class="secondaryPageLink" title="Mercedes's page">Mercedes</a>
</h2>

<div class="age">
<p>750000,00$</p>
<p>1987</p>

250000,00$

2005年

如果：

1987年

然后将其替换为：

<h2>
<a href="/car/bmw" class="secondaryPageLink" title="BMW's page">BMW</a>
</h2>

<div class="age">
<p>250000,00$</p>
<p>2005</p>

<h2>
<a href="/car/mercedes" class="secondaryPageLink" title="Mercedes's page">Mercedes</a>
</h2>

<div class="age">
<p>750000,00$</p>
<p>1987</p>

750000,00$

1987年

在html中无法做到这一点。必须使用能够处理循环结构的实际编程语言来完成。html纯粹是框架代码。它不支持条件语句。不幸的是，此时您可能无法掌握编程语言的概念。我建议您熟悉html首先是css。用它们创建一些简单的静态网页，展示内容，然后逐步增加并开始添加类似于您正在谈论的使用编程语言的功能。

至少您需要以下文件：

manifest.json

{
    "name": "Personal Extension",
    "version": "0.1.0",
    "manifest_version": 2,
    "description": "Replaces HTML with something.",
    "content_scripts": [{
        "matches": ["<all_urls>"],
        "js": ["contentscript.js"]
    }]
}

…或通过可在

href

属性中找到的纯品牌名称查找：

titleNode = document.querySelector('h2>a[href$="bmw"]');

然后，要查找年龄节点，可以查找其父节点和父节点的下一个元素：

ageNode = titleNode.parentNode.nextElementSibling;

这里有一个演示它的

---

此外，您的HTML也不正确。您没有正确关闭

标记。

“它不支持条件语句。“啊哼，啊哼，你当然是对的，但别忘了：谢谢你的帮助，请注意我已经更新了我的第一篇帖子，下一期你如何帮助我？再次感谢。@GoldMath更新了答案。如果对你有帮助，别忘了投票并接受正确答案，以帮助其他有同样问题的人。再次感谢你的帮助，我已经尝试将你的代码调整到网站上，但我失败了，我已经更新了第一篇文章，精确地描述了情况，再次感谢。是的！我让它工作！现在我要把它调整一下。再次感谢！问题解决！

titleNode = document.querySelector('h2>a[title="BMW\'s page"]');

titleNode = document.querySelector('h2>a[href$="bmw"]');

ageNode = titleNode.parentNode.nextElementSibling;