Question

我想要附加一个＆＃39; li＆＃39; ＆＃39;一个＆＃39; element / s到当前列表（仅用于练习）并且我已经设法将li附加到文本中，但我希望它像其他li项目一样链接。所以你好，但它不是一个链接。

num_points = size(X,2);

split_point = round(num_points*0.7);

HTML

db = Graph('http://localhost/db/data')

Answer 1

添加li是不够的，您还应添加a代码

试试这个：

＆＃13;

var newAnchor = document.createElement("a");

newAnchor.href= '#';

newAnchor.innerText = 'Just added';

var newListItem = document.createElement("li");

newListItem.appendChild(newAnchor);

var secondItem = document.getElementById("mainNavUl");

secondItem.insertBefore(newListItem, secondItem[0]);

＆＃13;

<nav id="mainNav">
  <ul id="mainNavUl">
    <li><a href="#">Test</a>
    </li>
    <li><a href="#">Test</a>
    </li>
    <li><a href="#">Test</a>
    </li>
    <li><a href="#">Test</a>
    </li>
  </ul>
</nav>

＆＃13;

Answer 2

使用innerHTML可以为您节省大量不必要的DOM操作/创建：

var newListItem = document.createElement("li");

newListItem.innerHTML= '<a href="#">hello</a>';

var secondItem = document.getElementById("mainNavUl");

secondItem.insertBefore(newListItem, secondItem[0]);

<nav id="mainNav">
  <ul id="mainNavUl">
    <li><a href="#">Test</a>
    </li>
    <li><a href="#">Test</a>
    </li>
    <li><a href="#">Test</a>
    </li>
    <li><a href="#">Test</a>
    </li>
  </ul>
</nav>

将新元素添加到现有元素

2 个答案: