时间戳

首页 > 解决方案 > HTML获取用户输入以跨越

javascript - HTML获取用户输入以跨越

问题描述

我正在尝试让用户输入跨度。当我改变

var word = document.getElementById('span_key').innerHTML; --> var word = document.getElementById('input_search').value;

它工作得很好，但我不能那样做，因为将来的其他事情都行不通。请不要让它重复，我现在正在寻找一天的。谢谢！

        <div class="tag">
          <span id="span_key" value=""></span>
          <i class="material-icons">close</i>
        </div>
        <input id="input_search" value="" />
      </div>

      <button type="button" id="bt" onclick="clicked();">Click Me!</button>
      
      <script type="text/javascript">
      function clicked(){
        var word = document.getElementById('span_key').innerHTML;
        alert(word);
              window.open('https://api.dictionaryapi.dev/api/v2/entries/en/'+word);
        }
      </script>

标签： javascripthtml

解决方案

value不是span标签的默认属性。

所以要获取value属性的值，你需要使用getAttribute函数。

console.log(document.getElementById("span_key").getAttribute("value"));
<span id="span_key" value="Test Value"></span>

推荐阅读