Question

我在文本区域框中写了一个文本，但是我写的内容没有通过inspect元素显示。请帮我使它显示我在检查元素时在文本框中写的内容。

<div class="F0XO1GC-j-k">
  <label for="gwt-uid-4809"> Write an invitation message </label>
  <textarea class="gwt-TextArea F0XO1GC-Nb-g" rows="10" id="gwt-uid-4809" dir="ltr"></textarea>
  <div class="F0XO1GC-Nb-o" aria-hidden="true" style="display: none;"></div>
  <div class="F0XO1GC-b-S F0XO1GC-Nb-f" style="display: none;" aria-hidden="true"></div>
  <div class="F0XO1GC-b-Db"> The group's name, description, and address will automatically be included in the email. </div>
</div>

我希望它在检查元素时显示出价值。

Answer 1

您的期望是错误的。这是正常现象。

textarea元素的内容是该字段的默认值（用于最初填充该字段并在激活reset按钮时设置其值）。

您键入的值是当前值。

DOM检查器会向您显示内容，因此它会显示默认值。

提交表单或使用JavaScript读取其value属性时，您将获得当前值。

Answer 2

尝试一下：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<textarea name="text" id="text" cols="30" rows="10"></textarea>

<script>
    
    $(document).ready(function(){
        
        $('#text').keyup(function(){
            var val = $(this).val();
            $(this).html(val);
        })
        
    })
    
</script>

在文本区域中添加HTML。文本区域在检查元素时未显示值

2 个答案: