87,997
社区成员
发帖
与我相关
我的任务
分享高分求解一个关于IE与Firefox下，textarea换行的问题。
写了个小例子，在Firefox下可以实现如图下效果，但是在IE下无法实现如图下效果，求高手解答
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>
function aa() {
var val = "adfas" + "\r\n";
val += "eeee" + "\r\n";
getValue($("con"), val);
};
function getValue(obj, value) {
if(document.all) {
obj.innerText += value;
} else {
obj.textContent += value;
}
};
function $(id) {
return document.getElementById(id);
};
</script>
</head>
<body>
<textarea id="con" rows=20 cols=30 ></textarea>
<input type="button" id="btn" value="点击" onclick="aa()">
</body>
</html>
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>
function aa() {
var val = "adfas" + "\r\n";
val += "eeee" + "\r\n";
getValue($("con"), val);
};
function getValue(obj, value) {
if(document.all) {
obj.innerText += value;
} else {
obj.textContent += value;
}
};
function $(id) {
return document.getElementById(id);
};
</script>
</head>
<body>
<textarea id="con" rows=20 cols=30 ></textarea>
<input type="button" id="btn" value="点击" onclick="aa()">
</body>
</html>
...全文
请发表友善的回复…
发表回复
liufenghuixue123 2012-09-30
- 打赏
- 举报
大侠，你真是神才。茫茫人海遇见你，鄙人真是三生有幸。
再追问一下，为什么我用IE下我用innterText不能实现这种效果啊！我看了一下W3C手册里HTML DOM那一章节里的
DOM AREA介绍，也没有value属性额
再追问一下，为什么我用IE下我用innterText不能实现这种效果啊！我看了一下W3C手册里HTML DOM那一章节里的
DOM AREA介绍，也没有value属性额
斯洛文尼亚旅游 2012-09-29
- 打赏
- 举报
function aa() {//value就好了啊。。
$("con").value += "adfas" + "\r\n"+ "eeee" + "\r\n";
};
function $(id) {
return document.getElementById(id);
};
