个人中心
gpt4 book ai didi

javascript - 如何获取标签的id？

转载 作者：行者123 更新时间：2023-12-02 17:04:51 25 4
gpt4 key购买 nike

这是index.html

<html>
  <head>
  <script language="javascript" type="text/javascript" src="add.js"></script>
  <script language="javascript" type="text/javascript" src="get.js"></script>
  </head>
  <body>
    <div id="list">
      <form id="programs" name="programs">
      </form>
      <input type="button" value="add" onClick="add();" />
      <input type="button" value="delete" onClick="get();" />
    </div>
  </body>
</html>

这是add.js

var program_number = 0;

function add()
{
  var program_name = "program_sample";

  var formID = document.getElementById("programs");
  var labelTag = document.createElement("label");
  var inputTag = document.createElement("input");

  var txtNode = document.createTextNode("program " + program_number);
  var brTag = document.createElement("br");

  // set input attribute
  inputTag.setAttribute("type", "checkbox");
  inputTag.setAttribute("name", program_name);
  inputTag.setAttribute("value", "program" + program_number);

  // set label attribute
  labelTag.setAttribute("id", "program_label" + program_number);

  labelTag.appendChild(inputTag);
  labelTag.appendChild(txtNode);
  labelTag.appendChild(brTag);

  formID.appendChild(labelTag);

  program_number++;
}

这是 get.js

function get()
{
  var programs = document.programs;

  for(var i = 0; i < programs.length; i++)
    console.log(programs[i].id);
}

你好，我想动态获取标签的id。 add.js 代码就可以了。 (下)

<label id="program_label0>
    <input type="checkbox" name="program_sample" value="program0" />
    program 0<\br>
</label>

如果运行正常，结果可能是“program_label1”、“program_label2”、“program_label3”...

但是get.js的结果只是一片空白。我应该怎么做才能获取标签的 id ..？或者我的代码哪里错了..？

最佳答案

在你的“get.js”中你可以尝试一下

var programs = document.getElementById("programs");

或

var programs = document.forms["programs"];

或

var programs = document.forms[0];

仅当您引用的表单仅在 DOM 树中第一个出现时，最后一个才会起作用。

关于javascript - 如何获取标签的id？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25343449/

25 4 0
文章推荐： javascript - DeclarativeContent - 等待显示页面操作
文章推荐： javascript - 未捕获的类型错误未定义不是函数
文章推荐： javascript - 将 html 元素插入另一个具有多个类的 html 元素
文章推荐： javascript - UnderscoreJS - For 循环数组的长度