textarea 的value()和innerHTML()的区别 - - ITeye博客

`

weina

浏览: 144907 次
性别:
来自: 北京

最近访客更多访客>>

jlipeid

sjcdy1

123456lllppp

RedBlood

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

Audi_kenel：还是不理解
aop
hanmiao：楼主这代码的排版真够乱的，完全没法看。
freemarker 国际化
cafecheng： cafecheng 写道<@spring.message ...
freemarker list map 应用 spring.message
cafecheng： <@spring.messageArgs "t ...
freemarker list map 应用 spring.message
领悟人生：太感动了，我的项目大的提升。从1700多次的请求，减至200多 ...
终结IE6下背景图片闪烁问题

textarea 的value()和innerHTML()的区别

博客分类：

java

阅读更多

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<script type="text/javascript">
//<![CDATA[
function log(value){

alert(value);

}
function $(id) {

return document.getElementById(id);
} // End of $
function f1(){
log("f1");
$("t1").value = "<aabc>"
$("t2").innerHTML = "<aabc>"
}
function f2(first_argument) {
log("f2");
log("1-->"+$("t1").value);
                        //print "<aabc>"
log("2-->"+$("t2").value);
                        //print "<aabc>"
log("3-->"+$("t1").innerHTML);
                        //print ""
log("4-->"+$("t2").innerHTML);
                        //print "<aabc>"
} // End of f2
//]]>
</script>
<body>
<textarea name="t1" rows="10" cols="10" id="t1" >
</textarea>
<textarea name="t2" rows="10" cols="10" id="t2" >

</textarea>
<button name="b1" type="button" value="set" onclick="f1()">Button Text</button>
<button name="b2" type="button" value="get" onclick="f2()">Button Text</button>

</body>
</html>

分享到：

终结IE6下背景图片闪烁问题 | 代码列表

2009-02-20 10:32
浏览 4484
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

textarea框增加行号效果: let lines = textarea.value.split('\n'); lineNumbers.innerHTML = lines.map((_, index) => `${index + 1}</span>`).join(''); setLineNumbersWidth(); } function setLineNumbersWidth() { const ...

Textarea限制输入文本长度: - **多语言支持**：针对不同语言环境下的字符长度计算，例如全角字符和半角字符的区别。 #### 四、示例代码下面提供一个完整的示例代码，包括HTML结构和JavaScript逻辑，以便更好地理解和使用上述功能： ```html ...

textarea保留换行的注意事项: 这是因为 textarea 元素的内容是通过 value 属性来访问的，而不是通过 innerHTML 属性。 3. textarea 的换行符问题在 textarea 元素中，换行符是使用 "\n" 或 "\r\n" 来表示的。但是，在获取 textarea 元素的内容...

如何改变文本域里的字体颜色？.rar: colorDiv.innerHTML = textarea.value; } textarea.addEventListener('input', syncColors); colorDiv.addEventListener('input', function() { textarea.value = this.innerHTML; }); ``` 4. **动态改变...

javascript textarea支持图形编辑: 需要注意的是，尽管可以通过JavaScript向textarea中添加元素，但当用户获取textarea的内容时，如使用`value`或`innerHTML`属性，仍然是获取到文本形式的HTML代码，而不是DOM中实际渲染的样子。 4. innerHTML与...

innerText和innerHTML 一些问题分析: 例如，innerText在处理表单控件如`<input>`或`<textarea>`时可能会有预期之外的效果，因为这些控件有自己的值属性（value）。此外，innerText在处理多语言文本（尤其是右到左的文本）时可能会有性能问题，而...

关于使用Textarea的注意事项: 在IE和其他浏览器中对Textarea的支持差异主要表现在对innerHTML属性的处理上。在大多数现代浏览器中，可以使用innerHTML属性来修改或插入HTML代码到Textarea中，但在早期版本的IE浏览器（例如IE6、IE7、IE8）中，...

在textarea中显示html页面的javascript代码: 5. **读取和显示`textarea`中的HTML**：如果你想要从`textarea`中获取HTML内容并在页面上显示，可以使用`document.write(textarea.value)`，其中`textarea.value`是`textarea`的当前值。 6. **将HTML写入`textarea`...

js textarea自动下拉(带计数)图: 标题和描述中的"js textarea自动下拉(带计数)"就是指这种功能。以下是一个简单的实现方法，它监听键盘事件，实现在`textarea`输入时的自动下拉和字符计数： ```html <!DOCTYPE html> <title>JS Textarea ...

JavaScript中统计Textarea字数并提示还能输入的字符: 在函数内部，我们通过`document.getElementById`获取textarea和span元素，然后使用`value.length`获取textarea中当前输入的文字长度，并计算出剩余的字符数。最后，我们将计算结果更新到span的innerHTML中： ```...

getElementById()[removed]与getElementById().value的区别: `getElementById().value` 主要用于表单元素，例如`<input>`、`<textarea>`等，它返回或设置这些元素的`value`属性。`value`属性是表单元素用来存储用户输入的数据的。例如，对于一个文本输入框： ```html ...

JavaScript实现统计文本框Textarea字数增强用户体验: 此函数通过`getElementById`方法获取了对应的`textarea`和`span`元素，然后使用`value.length`属性获取`textarea`中的字符数，并从140中减去这个数值，得到剩余的字数。最后，将计算结果设置到`span`的`innerHTML`，...

javascript innerHTML使用分析: 同时，该文档还提到了在获取textarea的value属性时，IE和Chrome在处理回车符时也有所不同，其中IE会包含\r\n两个字符，而Chrome只会包含\n。还有一个需要注意的是，浏览器对于HTML标记的大小写敏感度也是不同的。...

javascript TextArea动态显示剩余字符: 这里的 `.form` 和 `.con` 类可以用来定义样式，而 `<textarea>` 和 `<span>` 分别用于用户输入文本和显示剩余字符数。 #### JavaScript 逻辑实现接下来，我们将使用 JavaScript 来监听 TextArea 的变化，并计算...

【JavaScript源代码】javascript实现简单留言板案例.docx: li.innerHTML = textarea.value + ";'>删除</a>"; ul.insertBefore(li, ul.children[0]); var as = document.querySelectorAll('a'); for (var i = 0; i ; i++) { as[i].onclick = function() { ul....

输入一个字，文本域中显示可输入字数减1: - **获取文本域值**：首先，使用`document.all.textarea.value.length`获取当前文本域内的字符数量。 - **计算剩余字数**：设定最大输入字符数为250个。通过`250 - 当前字符数`计算出剩余可输入字数。 - **更新显示*...

web控件和html控件.ppt: 另一类是特定类型的HTML控件，如HtmlTableCell、HtmlTableRow等，它们具有特有的属性，如InnerHtml和InnerText，用于设置或获取控件内部的HTML内容。 HTML控件的常用属性包括： 1. Disabled：控制控件是否可编辑，...

js 实现网页一个一个字打印出来的效果: 这可以通过改变`<textarea>`的`innerHTML`或创建一个动态更新的`<span>`元素来实现。 4. 添加结束条件，当所有字符都显示后，清除定时器（`clearInterval`）。为了增加用户体验，可能还会包含以下功能： - 停止/...

Global site tag (gtag.js) - Google Analytics