javascript - 为 HTML DOM 创建元素

Question

这是我的脚本

var item = document.createElement('LI');
var title = document.createElement('A');
title.href = '#';
title.className = 'service-tag';
title.innerHTML = titleText;
item.appendChild(title);
panel.appendChild(item);

上面的脚本将创建这样的 html 代码

 <li><a href="#" class="service-tag">Some title</a></li>

与 titleText是Some title

所以我想创建下面的 html 代码，如

<li data-genre="Some title"><a href="#" class="service-tag">Some title</a></li>

如何添加 data-genre="Some title"进入<li>喜欢上面的 html 代码吗？

Answer 1

试试这个，

  var titleText = "something";
  var panel = document.getElementById('panel');
  var item = document.createElement('LI');
  att = document.createAttribute("data-genre");
  att.value = "some";
  item.setAttributeNode(att);
  var title = document.createElement('A');
  title.href = '#';
  title.className = 'service-tag';
  title.innerHTML = titleText;
  item.appendChild(title);
  panel.appendChild(item);