要获取动态生成的HTML元素的值，可以使用JavaScript，以下是一些常见的方法：

动态生成的html如何获取值动态生成的html如何获取值（图片来源网络，侵删）

1、通过ID获取元素值

<!DOCTYPE html>
<html>
<head>
<script>
function k">getValueById() {
  var element = document.getElementById("myInput");
  var value = element.value;
  alert("输入的值是： " + value);
}
</script>
</head>
<body>
<input type="text" id="myInput">
<button onclick="getValueById()">获取值</button>
</body>
</html>

2、通过类名获取元素值

<!DOCTYPE html>
<html>
<head>
<script>
function getValuesByClassName() {
  var elements = document.getElementsByClassName("myInput");
  for (var i = 0; i < elements.length; i++) {
    var value = elements[i].value;
    alert("输入的值是： " + value);
  }
}
</script>
</head>
<body>
<input type="text" class="myInput">
<button onclick="getValuesByClassName()">获取值</button>
</body>
</html>

3、通过标签名获取元素值（不推荐，因为可能存在多个相同标签名的元素）

<!DOCTYPE html>
<html>
<head>
<script>
function getValuesByTagName() {
  var elements = document.getElementsByTagName("input");
  for (var i = 0; i < elements.length; i++) {
    var value = elements[i].value;
    alert("输入的值是： " + value);
  }
}
</script>
</head>
<body>
<input type="text" class="myInput">
<button onclick="getValuesByTagName()">获取值</button>
</body>
</html>

4、通过name属性获取元素值（适用于一组具有相同name属性的元素）

<!DOCTYPE html>
<html>
<head>
<script>
function getValuesByName() {
  var elements = document.getElementsByName("myInput");
  for (var i = 0; i < elements.length; i++) {
    var value = elements[i].value;
    alert("输入的值是： " + value);
  }
}
</script>
</head>
<body>
<input type="text" name="myInput">
<button onclick="getValuesByName()">获取值</button>
</body>
</html>
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。