Javascript 如何使用chrome扩展修改站点元素

我想用一个扩展来修改网站的内容，有

和
标签（在
中），我想在
中添加另一个
元素。有什么想法吗？
你可以。例如，使用jQuery，您可以按照以下方式进行操作：

$("div > ul").append("<li>This is a new list element.</li>");

(function () {
    // $("#theIdOfTheElement").append("<li>Foo bar baz</li>");
    // OR
    // $(".aSpecificClassName").append("<li>Foo bar baz</li>");
}())

而
myscript.js
将包含以下内容：

$("div > ul").append("<li>This is a new list element.</li>");

(function () {
    // $("#theIdOfTheElement").append("<li>Foo bar baz</li>");
    // OR
    // $(".aSpecificClassName").append("<li>Foo bar baz</li>");
}())

（函数（）{
//$（“#theIdOfTheElement”）。追加（“
foobarbaz
”；
//或
//$（.aSpecificClassName”）.append（“
foobarbaz
”）；
}())

阅读Chrome开发者网站上的文章，了解创建扩展的整个过程的详细信息。
您可以。例如，使用jQuery，您可以按照以下方式进行操作：

$("div > ul").append("<li>This is a new list element.</li>");

(function () {
    // $("#theIdOfTheElement").append("<li>Foo bar baz</li>");
    // OR
    // $(".aSpecificClassName").append("<li>Foo bar baz</li>");
}())

而
myscript.js
将包含以下内容：

$("div > ul").append("<li>This is a new list element.</li>");

(function () {
    // $("#theIdOfTheElement").append("<li>Foo bar baz</li>");
    // OR
    // $(".aSpecificClassName").append("<li>Foo bar baz</li>");
}())

（函数（）{
//$（“#theIdOfTheElement”）。追加（“
foobarbaz
”；
//或
//$（.aSpecificClassName”）.append（“
foobarbaz
”）；
}())

阅读Chrome开发者网站上的文章，了解创建扩展的整个过程的详细信息。
没有jQuery：

var ul = document.getElementsByTagName("div")[0].getElementsByTagName("ul")[0];
var newElement = document.createElement("li");
var textNode = document.createTextNode("New Element");
newElement.appendChild(textNode);
ul.appendChild(newElement);

没有jQuery：

var ul = document.getElementsByTagName("div")[0].getElementsByTagName("ul")[0];
var newElement = document.createElement("li");
var textNode = document.createTextNode("New Element");
newElement.appendChild(textNode);
ul.appendChild(newElement);

谢谢你的回答，但它不起作用。我应该在什么地方声明Jquery的使用吗？。如果
在5个标记中，我应该如何编写：$（“div>div>…ul”）？代码片段就是一个示例。您需要找到要针对的元素，并用更具体的选择器替换
“div>ul”
。谢谢您的回答，但它不起作用。我应该在什么地方声明Jquery的使用吗？。如果
在5个标记中，我应该如何编写：$（“div>div>…ul”）？代码片段就是一个示例。您需要找到要针对的元素，并用更具体的选择器替换
“div>ul”
。谢谢您的回答！我是否应该通过getElementsByTagName多次访问
，因为我有元素在其中？向元素添加属性
id
，例如
，并通过函数
var ul=document.getElementById（“myElement”）获取此元素非常感谢！我将在其他项目中实现这一点，但是jquery方法看起来非常简单。谢谢！：）谢谢你的回答！我是否应该通过getElementsByTagName多次访问
，因为我有元素在其中？向元素添加属性
id
，例如
，并通过函数
var ul=document.getElementById（“myElement”）获取此元素非常感谢！我将在其他项目中实现这一点，但是jquery方法看起来非常简单。谢谢！：）