javascript - html文本区域显示设置的跨度值

Question

在我的 html 中，我有一个文本区域和输入区域。

我的 jquery 正在尝试为 span 元素设置一些值。

<div class="col-xs-3">
    <span data-name="sstNumber" class="sstNumber">
        <textarea class="wt-resize" maxlength="50"  rows="1" cols="20"></textarea>
    </span>
    <br>
</div> 

当我执行 document.querySelector('[data-name="sstNumber"]').textContent = "value"; 时，文本区域边框消失。如何显示该值并且文本边框不消失？

<div class="col-xs-3">
    <input type="text" name="sstnum" value="" size="20">
    <span data-name="sstNumber2" class="sstNumber2"></span>
    <br>
</div>

当我执行 document.querySelector('[data-name="sstNumber2"]').textContent = "value2"; 时，值会超出框内。如何显示框中的值？

Answer 1

如果要更改文本区域或输入字段的值，则必须直接定位该元素并设置 value 属性。

像这样:

document.querySelector('span[data-name="sstNumber"] textarea').value = "value";

<div class="col-xs-3">
    <span data-name="sstNumber" class="sstNumber">
        <textarea class="wt-resize" maxlength="50"  rows="1" cols="20"></textarea>
    </span>
    <br>
</div> 

此外，您没有使用 jQuery，这是 vanilla JavaScript .