我试图找到用户指定的html标签的id。例如,用户可以输入:
<p id="HiImATag"></p>
或者他们可以输入任何其他标签与任何其他ID。我需要一种方法来查找特定html标记的ID(例如从<li>
或<p>
标记中获取id而不首先知道id)在纯javascript中;但是,如果不可能,我可以使用JQuery。提前谢谢!
答案 0 :(得分:1)
Array.prototype.forEach.call(document.querySelectorAll("p"), function(el) {
alert(el.id);
});
&#13;
<p id="hello"></p>
<p id="world"></p>
<p id="foo"></p>
&#13;
答案 1 :(得分:0)
答案 2 :(得分:0)
使用纯javascript,您可以创建一个临时DOM元素,将该字符串添加为其innerHTML
,抓住第一个子元素(这将是从该字符串创建的元素),并获取其id
。借用Niet the Dark Absol的回答here。
var userElement = '<p id="HiImATag"></p>';
var d = document.createElement('div');
d.innerHTML = userElement;
var element = d.firstChild;
var id = element.id;
你提到过你可以使用jQuery。另一种方法是使用字符串创建一个jQuery对象,并从对象中获取id属性。
var userElement = '<p id="HiImATag"></p>';
var id = $(userElement).attr('id');
console.log(id); // prints out HiImATag