获取元素的ID并在页面上显示

我不是先进的Javascript领域，并且不知道如何编写代码来执行此操作。获取元素的ID并在页面上显示

基本上，我将使用URL参数来运行此功能（&测试） - 但我想要输入字段的ID并将其显示在该输入旁边。我经常使用这些ID作为CSS等，如果让它们自动显示在字段旁边，而不是单独检查每个元素，那将是非常好的。

任何帮助？

2014-08-27 Ryan

向我们展示一些你的代码... – 2014-08-27 16:16:55

可以添加id作为工具提示吗？ html属性是标题，当鼠标悬停在元素上时会出现 – nepeo 2014-08-27 16:18:14

'document.getElementById（“the_id”）.value'是输入值。 'document.getElementById（“id”）。innerHTML'是元素的内部html。 – PitaJ 2014-08-27 16:18:41

这听起来有点棘手。如果你不想用的ID一塌糊涂，你必须

document.getElementsByTagName("input");

它创建输入元素的NodeList。然后，通过一个简单的for循环，或通过prototype来打电话。

Array.prototype.forEach.call(document.getElementsByTagName("input"), function(x) { 
    var span = document.createElement("span"); 
    span.textContent = x.id; 
    x.parentNode.appendChild(x); 
});

这是一个奇特的脚本，它创建一个跨度，并将文本指定给它迭代的元素的id。然后在输入之后通过抓住父母并将其追加。

这假设你的输入不共享同一个父元素，所以你可能不得不调整你的HTML结构，但关键是迭代，分配文本和追加新元素。

来源

2014-08-27 16:22:41

我做了一个你为我的应用程序工作的版本。谢谢你的帮助！ – Ryan 2014-08-27 17:21:31

你需要进一步的解释吗？我确实使用了一些非常先进的概念 – 2014-08-27 18:11:46

var inputs = document.getElementsByTagName('input'); 
for(var i =0; i<inputs.length; i++){ 
    inputs[i].title = inputs[i].id; 
}

查找页面上的所有html输入元素，并在鼠标悬停上添加一个带有id值的工具提示。

开发工具可以为您做到这一点，虽然没有引起太多的大惊小怪！

来源

2014-08-27 16:23:33 nepeo

获取元素的ID并在页面上显示

回答

相关问题