[英]Creates element to the HTML DOM
这是我的剧本
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>
如何像上面的html代码一样将data-genre="Some title"
到<li>
?
您需要使用setAttribute
item.setAttribute("data-genre", "Some title");
var panel = document.createElement('UL'); var titleText = "some title"; var item = document.createElement('LI'); item.setAttribute("data-genre", "Some title"); var title = document.createElement('A'); title.href = '#'; title.className = 'service-tag'; title.innerHTML = titleText; item.appendChild(title); panel.appendChild(item); document.body.appendChild(panel);
尝试这个,
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);
你可以试试这个。
var item = document.createElement('LI');
var title = document.createElement('A');
title.setAttribute('data-genre', 'Some title')
title.href = '#';
title.className = 'service-tag';
title.innerHTML = titleText;
item.appendChild(title);
panel.appendChild(item);
您错过的是setAttribute
。 您可以使用此设置任何属性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.