Question

我无法使用javascript在数组中创建一个下拉按钮。

如何创建指向li的链接。？

如何创建create.element("li")和create.Element("a")两者。？

以下是代码：

var select = document.getElementById('ul'),
  array = ["html", "css", "js", "jquery", "Angularjs"];

for (var i = 0; i < array.length; i++) {
  var option = document.createElement("li"),
    txt = document.createTextNode(array[i]);
  option.appendChild(txt);
  select.insertBefore(option, select.lastChild);
}

Answer 1

尝试创建<a>标记，然后将其附加到<li>

Stack Snippet

var select = document.getElementById('ul');
var array = ["html", "css", "js", "jquery", "Angularjs"];

for (var i = 0; i < array.length; i++) {
  var li = document.createElement("li");
  var link = document.createElement("a");
  link.setAttribute('href', '#');
  li.appendChild(link);
  var text = document.createTextNode(array[i]);
  link.appendChild(text);
  select.insertBefore(li, select.childNodes[i]);
}

ul {
  font: 13px Verdana;
}

ul>li>a {
  color: red;
  text-transform: capitalize
}

<ul id="ul"></ul>

Answer 2

一种选择是使用template literals

＆＃13;

const select = document.querySelector('ul')
const array = [ "html","css","js","jquery","Angularjs" ]

const markup = array.map(item => `<li><a href="#">${item}</a></li>`).join(' ')

select.innerHTML = markup

＆＃13;

<ul></ul>

＆＃13;

Answer 3

你不能使用JQuery吗？

$("#content ul").append('<li><a href="//"><span class="tab">Message</span></a></li>');

如何使用javascript在数组中创建li和标记

3 个答案: