浏览器可以显示标记中没有的内容吗?

时间:2013-08-26 16:19:43

标签: javascript jquery html css firebug

我有一个文本区域,更新了它。通常,显示的文本显示在该文本区域标记的内容中(使用firebug查看当前html中的内容)。我刚刚遇到文本区域中显示的文本没有出现在内容中的情况(至少根据firebug)。我也无法通过jquery找到文本,所以jquery说也没有任何东西。但是,浏览器正在该文本区域中显示某些内容。

有什么方法可以发生?

这是来自萤火虫的标记:

<textarea id="HotlineComment" class="text autogrow valid" rows="2" name="HotlineComment" cols="20" style="overflow: hidden; resize: none; height: 30px;" title="Enter the reason for this change"></textarea>
<span class="authError" for="HotlineComment" generated="true"></span>

这是Firefox呈现的视觉效果: enter image description here

2 个答案:

答案 0 :(得分:1)

textarea中的文字可能已通过客户端脚本语言添加/更改,例如javascript浏览器不会自行更改。

Through javascript

document.getElementById('HotlineComment').value = 'changed';

答案 1 :(得分:1)

基本上textareas不会在HTML中放入所有内容。它们包含在DOM中的element内,不一定反映在代码中。

您仍然可以访问这些值。

尝试使用:

  1. $('#HotlineComment').val()获取值。
  2. $('#HotlineComment').val('New Value Here')改变价值。
  3. 我尝试在Stackoverflow上复制它,所以当你输入答案框时,HTML仍会显示:

    <textarea id="wmd-input" class="wmd-input processed" name="post-text" cols="92" rows="15" tabindex="101" data-min-length=""></textarea>
    

    当我做$('#wmd-input').val()时,我可以在控制台中看到整个内容。

    进一步阅读:

    1. http://www.sophox.com/wordpress/?p=921
    2. http://javascript.about.com/od/byexample/a/form-textarea-example.htm
    3. 干杯! :)