Javascript 如何将元素附加到没有id的div中

我想使用javascript在div中添加一个链接，这个div没有id，但它有一个类：

<div class="details">
  <div class="filename">test.xml</div>
  <div class="uploaded">25/12/2012</div>

  <a href="#" class="delete">Delete</a>

  <div class="compat-meta"></div>
</div>

test.xml
25/12/2012

如何在“详细信息”div内和“删除”链接上方添加链接？ 我想添加的链接是：

<a href="#edit_link" class="edit">Edit</a>

然后使用

$class（'delete'）

定位元素，然后预先添加新元素

---

然后使用

$class（'delete'）

定位元素，然后预先添加新元素

总是最好按id搜索，这是最有效的。但是，如果涉及到它，您也可以通过类或标记名找到元素

我建议使用jQuery并更改现有的标记：

$('a').attr('href', '#edit_link').text('Edit').removeClass('delete').addClass('edit');

如果无法将id添加到正在查找的元素中，请在树中较高位置找到具有id的元素，然后从该元素开始：

$('#someHigherId > div > a')...

---

最好是按id搜索，这是最有效的。但是，如果涉及到它，您也可以通过类或标记名找到元素

我建议使用jQuery并更改现有的标记：

$('a').attr('href', '#edit_link').text('Edit').removeClass('delete').addClass('edit');

如果无法将id添加到正在查找的元素中，请在树中较高位置找到具有id的元素，然后从该元素开始：

$('#someHigherId > div > a')...

您可以使用jQuery：

$('div.details a.delete').before('<a href="#edit_link" class="edit">Edit</a>');

$（'div.details a.delete'）。在（''）之前；

您可以使用jQuery：

$('div.details a.delete').before('<a href="#edit_link" class="edit">Edit</a>');

$（'div.details a.delete'）。在（''）之前；

使用jquery，它既简单又干净

您可以使用特定的类抓取任何元素，比如

<div class="className" ></div>

还有其他方法可以将元素附加到任何其他元素或dom中

 1. $('.className').append('<div> i will be appended at the bottom of this element</div>');
 2. $('.className').after('<div> i will be appended right after this element</div>');

1$（'.className'）.append（'i将被追加到此元素底部'）；
2. $（'.className'）。之后（'i将被追加到此元素之后'）；

要使用jquery，您需要它的api，直接使用页面中的链接，或者下载最新的jquery api并使用它。

---

它既简单又容易

使用jquery，它简单明了

您可以使用特定的类抓取任何元素，比如

<div class="className" ></div>

还有其他方法可以将元素附加到任何其他元素或dom中

 1. $('.className').append('<div> i will be appended at the bottom of this element</div>');
 2. $('.className').after('<div> i will be appended right after this element</div>');

1$（'.className'）.append（'i将被追加到此元素底部'）；
2. $（'.className'）。之后（'i将被追加到此元素之后'）；

要使用jquery，您需要它的api，直接使用页面中的链接，或者下载最新的jquery api并使用它。 它既简单又容易

使用纯JavaScript：

var div = document.getElementsByClassName('details')[0],
    deleteLink = div.getElementsByClassName('delete')[0],
    editLink = document.createElement('a');

editLink.textContent = 'Edit';
editLink.className = 'edit';
editLink.href = '#edit_link';

div.insertBefore(editLink, deleteLink);

使用纯JavaScript：

var div = document.getElementsByClassName('details')[0],
    deleteLink = div.getElementsByClassName('delete')[0],
    editLink = document.createElement('a');

editLink.textContent = 'Edit';
editLink.className = 'edit';
editLink.href = '#edit_link';

div.insertBefore(editLink, deleteLink);

您可以像这样使用javascript
函数addtext（什么）{
if（document.createTextNode）{
var link=document.createElement（'a'）；
setAttribute（'href'，'#编辑链接'）；
link.setAttribute（'id'，'edit'）；
link.setAttribute（'class'，'edit'）；
document.getElementsByTagName（“div”）[0].appendChild（链接）
document.getElementById（“编辑”）.innerHTML=what；
}
}
test.xml
25/12/2012

您可以像这样使用javascript
函数addtext（什么）{
if（document.createTextNode）{
var link=document.createElement（'a'）；
setAttribute（'href'，'#编辑链接'）；
link.setAttribute（'id'，'edit'）；
link.setAttribute（'class'，'edit'）；
document.getElementsByTagName（“div”）[0].appendChild（链接）
document.getElementById（“编辑”）.innerHTML=what；
}
}
test.xml
25/12/2012

jQuery是否可以使用？否则，您将获得大量getElementsByClassName和insertNode代码，这些代码可能无法在所有浏览器中运行。只要我可以在网页页脚中打印脚本，一切都很好。您尝试过什么吗？如果这是您唯一需要做的事情，jQuery有点过火。请问jQuery是否可以接受使用？否则，您将获得大量getElementsByClassName和insertNode代码，这些代码可能无法在所有浏览器中运行。只要我可以在网页页脚中打印脚本，一切都很好。您尝试了什么吗？如果这是您唯一需要做的事情，jQuery有点过火。IMHO需要删除链接，我需要在它上面添加一个编辑链接需要删除链接，我需要在它上面添加一个编辑链接。对不起，我在javascript的入门级以下。如何使用$class（'delete'）和prepend new？好吧，然后用jquery跟随另一个答案很抱歉，我在javascript中低于入门级。如何使用$class（'delete'）并在new前面加上前缀？那么，只需使用jquery遵循另一个答案即可