Question

我正在开发一个项目，需要标签的ID来存储它，并将其放在将显示给用户的模式中。如何获取ID代替标签之间的名称？

window.saveAndDisplay = function() {
var result = document.getElementById('demo');
var list = document.getElementById('dropBox');
while (list.children.length > 0) {
    result.appendChild(list.children[0]);
}

}

Answer 1

这应该可以解决您的问题


window.saveAndDisplay = function() {
    var result = document.getElementById('demo');
    var list = document.getElementById('dropBox');
    var dragA = document.getElementById('dragA');
    var dragB = document.getElementById('dragB');
    var dragC = document.getElementById('dragC');
    result.textContent = "Names are: "
    if(dragA.parentNode == list){
        result.textContent +=  dragA.textContent+ " ";
    }
    if(dragB.parentNode == list){
     result.textContent +=  dragB.textContent + " ";
    }
     if(dragC.parentNode == list){
        result.textContent +=  dragC.textContent +  " ";
    }

}

这不是解决此问题的好方法。但这是需要最少解释的内容，所以我希望对您有用。通常，您应该将所有这些标签放入列表中，以便可以通过该列表全部访问它们。

Answer 2

如果我做对了，您的HTML格式如下：

<pre>
    <body>
      <ul id='dropBox'>
        <label name="message" id='theMessage'> Hello My World! </label>
      </ul>
      <ul id='demo'>
      </ul>
      <script src="scripts/so.js"></script>
    </body>
</pre>

因此，您尝试在ul中查找标签的ID。我希望ul-> li-> label都不是ul-> label，无论如何，让我们进一步看一下。如果我将label作为列表（ul）的子元素，则控制台会显示label＃message，它是标签的名称，然后我通过添加id属性更改了对子元素的吸引力，并得到了theMessage

result.appendChild(list.children[0].id);

能否请您发布示例HTML？否则，很难复制代码并提供修复程序。

如何从标签获取ID？

2 个答案: