亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法從 div 獲取數據

無法從 div 獲取數據

千巷貓影 2022-07-21 21:13:38
我從 div 標簽獲取數據時遇到問題。這是我的 div<div id="log">        <div class="form-group" style="border-bottom:1px solid black;">            <div class="form-group">                <label class="col-sm-2 control-label"> Log Name <sup style="color:red">(*)</sup></label>                <div class="col-sm-2">                    <input type="text" class="form-control text banner_value" id="banner_value" />                    <div class="help-block with-errors"></div>                </div>                <label class="col-sm-2 control-label"> Start Day <sup style="color:red">(*)</sup></label>                <div class="col-sm-2">                    <input type="date" class="form-control text" id="start_day" />                    <div class="help-block with-errors"></div>                </div>                <label class="col-sm-2 control-label"> End Day <sup style="color:red">(*)</sup></label>                <div class="col-sm-2">                    <input type="date" class="form-control text" id="end_day" />                    <div class="help-block with-errors"></div>                </div>            </div>            <div class="form-group">                <label class="col-sm-2 control-label"> Filter Condition <sup style="color:red">(*)</sup></label>            </div>            <div id="banner_input" class="form-group">                <label class="col-sm-2 control-label"> Banner </label>                <div class="col-sm-3">                    <input type="text" class="form-control text" id="banner_value" />                    <div class="help-block with-errors"></div>                </div>                <div class="col-sm-3">                    <input type="checkbox" class="control-label" id="banner_split"> <lable> split </lable><br>                </div>            </div>它在瀏覽器上:在我點擊添加后:我document.getElementById("log").textContent用來獲取填充到這個 div 的數據,但它沒有用。我怎樣才能得到我的數據???請幫忙。感謝您閱讀我的問題。
查看完整描述

4 回答

?
慕容3067478

TA貢獻1773條經驗 獲得超3個贊

 function getValues() {

    var inputs = document.getElementById("log").getElementsByTagName("input");

    var values = [];

    for (i in inputs) {

      values.push(inputs[i].value);

    }

    console.log(values);

  }

<div id="log">

  <div class="form-group" style="border-bottom: 1px solid black;">

    <div class="form-group">

      <label class="col-sm-2 control-label">

        Log Name <sup style="color: red;">(*)</sup></label

      >

      <div class="col-sm-2">

        <input

          type="text"

          class="form-control text banner_value"

          id="banner_value"

        />

        <div class="help-block with-errors"></div>

      </div>


      <label class="col-sm-2 control-label">

        Start Day <sup style="color: red;">(*)</sup></label

      >

      <div class="col-sm-2">

        <input type="date" class="form-control text" id="start_day" />

        <div class="help-block with-errors"></div>

      </div>


      <label class="col-sm-2 control-label">

        End Day <sup style="color: red;">(*)</sup></label

      >

      <div class="col-sm-2">

        <input type="date" class="form-control text" id="end_day" />

        <div class="help-block with-errors"></div>

      </div>

    </div>


    <div class="form-group">

      <label class="col-sm-2 control-label">

        Filter Condition <sup style="color: red;">(*)</sup></label

      >

    </div>


    <div id="banner_input" class="form-group">

      <label class="col-sm-2 control-label"> Banner </label>

      <div class="col-sm-3">

        <input type="text" class="form-control text" id="banner_value" />

        <div class="help-block with-errors"></div>

      </div>

      <div class="col-sm-3">

        <input type="checkbox" class="control-label" id="banner_split" />

        <lable> split </lable><br />

      </div>

    </div>


    <div id="domain_input" class="form-group">

      <label class="col-sm-2 control-label"> Domain </label>

      <div class="col-sm-3">

        <input type="text" class="form-control text" id="domain_value" />

        <div class="help-block with-errors"></div>

      </div>

      <div class="col-sm-3">

        <input type="checkbox" class="control-label" id="domain_split" />

        <lable> split </lable><br />

      </div>

    </div>

  </div>

</div>

<button onclick="getValues()">click me</button>


var inputs = document.getElementById("log").getElementsByTagName("input");


var values = [];


for (i in inputs) {

    values.push(inputs[i].value);

}


console.log(values);


您可以JS在單擊按鈕后使用此代碼


查看完整回答
反對 回復 2022-07-21
?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

如果你想從輸入標簽中獲取數據


function myFunction() {

  console.log(document.getElementById("myText").value) 

}

<!DOCTYPE html>

<html>

<body>


Name: <input type="text" id="myText" value="">

<button onclick="myFunction()">Try it</button>

</body>

</html>


查看完整回答
反對 回復 2022-07-21
?
阿晨1998

TA貢獻2037條經驗 獲得超6個贊

我認為你想要得到的是全部信息。在這種情況下,您需要使用

form

標簽而不是 div。Div 沒有與數據相關的含義。它只是一個顯示為塊的容器。


查看完整回答
反對 回復 2022-07-21
?
DIEA

TA貢獻1820條經驗 獲得超2個贊

如果您想獲取輸入字段的值,請嘗試將其放入您的 html 中:


    <script>

            const logYourLog = (e) => {

        console.log('Here is your value', document.getElementById("banner_value").value);      

      }

    </script>


查看完整回答
反對 回復 2022-07-21
  • 4 回答
  • 0 關注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號