Question

您好我想获得包含输入值的输入元素的div的innerHTML。

＆＃13;

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="test">
  <input type="text" id="in" />
</div>

<p id="pid">
  un texte.<input type="text" id="in" />
</p>

<input type="submit" id="in" onclick="afficher();" />
  <script>
    function afficher()
    {
      var t=document.getElementById("test");
      alert(t.innerHTML);
      var x = document.getElementById("pid");
      alert(x.innerHTML); 
    }
  </script>
</body>
</html>

＆＃13;

我想在输入元素中获取插入的文本。

Answer 1

一段代码可以发挥魔力。

<强>的onblur =＆＃39;的javascript：this.setAttribute（＆＃34;值＆＃34;，THIS.VALUE）＆＃39;值=＆＃34;＆＃34;

＆＃13;

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="test">
  <input type="text" id="in" onblur='javascript:this.setAttribute("value",this.value)' />
</div>

<p id="pid">
  un texte.<input type="text" id="in" onblur='javascript:this.setAttribute("value",this.value)' value=""/>
</p>

<input type="submit" id="in" onclick="afficher();" />
  <script>
    function afficher()
    {
      var t=document.getElementById("test");
      alert(t.innerHTML);
      var x = document.getElementById("pid");
      alert(x.innerHTML); 
    }
  </script>
</body>
</html>

＆＃13;

Answer 2

function afficher()
{
  var t=document.getElementById('test').querySelectorAll("input");
  console.log(t[0].value);
  var t=document.getElementById('pid').querySelectorAll("input");
  console.log(t[0].value);
}

<div id="test">
 <input type="text"/>
</div>

<p id="pid">
  un texte.<input type="text" />
</p>

<input type="submit" id="in" onclick="afficher();" />

使用getElementById获取div / p元素，然后使用querySelectorAll获取输入元素。要使用input.value

获取值

为什么我不能获得包含输入类型和输入值的元素的innerHTML？

2 个答案: