0 0

textarea 动态修改overflow属性问题 5

<html><head>


    <script type="text/javascript" language="javascript">
    function TextAreaRow()
    {
        var obj=document.getElementById("textarea");
        var rng=obj.createTextRange();
        var h=rng.boundingHeight;
        rng.move('character',1)
        var mh=rng.boundingHeight;

var dd=(h/mh).toFixed(0);
if(dd>7){
document.getElementById("textarea").style.overflow='';
}

        document.getElementById("showRow").value=(h/mh).toFixed(0);
    }
    </script>

</head><body onresize="TextAreaRow()" onkeyup="TextAreaRow()" onload="TextAreaRow()">
  <textarea id="textarea" cols="49" rows="7" style="overflow-y:hidden">
sdf
sd
f
sfasf
</textarea>
   行数:<input type="text" id="showRow">
</body></html>

当dd 大于7时修改textarea的overflow属性(把style="overflow-y:hidden"这个属性去掉)?万分感谢!!!
2010年1月27日 17:00

1个答案 按时间排序 按投票排序

0 0

采纳的答案

document.getElementById("textarea").style.overflowY = "auto"; 

2010年1月27日 17:06

相关推荐

    textarea 样式

    通过`overflow`属性,可以决定当`textarea`内的内容超出其尺寸时的行为。`overflow-x`和`overflow-y`分别控制水平和垂直方向上的溢出行为。例如,设置`overflow-x: hidden;`会隐藏任何超出`textarea`宽度的水平内容...

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    首先,需要了解的是如何使用CSS的overflow属性来控制滚动条的显示。在textarea的style属性中,overflow-x和overflow-y属性分别用来控制横向和纵向滚动条的显示与否。通过设置这两个属性的值,我们可以实现隐藏滚动条...

    html中textarea的使用及常见问题及案例分析

    以下是关于 `textarea` 标签的详细讲解,包括其基本使用、常见属性、问题解析以及案例分析。 ### 基本使用 `&lt;textarea&gt;` 标签是成对出现的,以 `&lt;textarea&gt;` 开始,并以 `&lt;/textarea&gt;` 结束。它的主要功能是提供一...

    ie6,ie7,firefox的textarea滚动条、边框

    3. CSS overflow属性的使用:在IE浏览器中,如果希望根据内容的实际行数来控制滚动条的显示与否,可以使用CSS的overflow-y属性。设置overflow-y:hidden可以让IE浏览器不显示滚动条,当内容超出设定高度时,则可以...

    简单掌握CSS3中resize属性的用法

    resize与overflow关系紧密,只有当元素的overflow属性值不是visible时,resize才会起作用 如textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google ...

    JavaScript脚本

    5. **文本区域的样式处理**:为了使自动调整更流畅,可能需要清除或设置合适的`resize`属性,以及确保`overflow`属性为`hidden`,这样可以防止滚动条出现。 ```javascript textarea.style.resize = 'none'; // 禁止...

    用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平

    在JavaScript中,改变TEXTAREA元素的滚动条和按钮颜色,以及调整滚动条的样式,主要依赖于CSS,因为JavaScript本身并不直接支持修改这些属性。不过,你可以通过操作DOM元素的CSS样式来达到目的。在IE浏览器(尤其是...

    layui layer select 选择被遮挡的解决方法

    1.找到层1 的overflow 属性, 修改成为visible. 2. 如果有层2, 就把层2的也设置一下, 就完美解决了!!! 示例: 下面是一些示例: $(“.layui-table-body”).css(‘overflow’,’visible’); $(“.layui-table-box”)....

    网页设计与制作(HTML+CSS).docx

    5. 内容溢出处理:在CSS中,`overflow`属性用于处理内容超出容器时的行为。`overflow:hidden;`会隐藏超出容器的内容,而`overflow:auto;`会让浏览器自动处理,如出现滚动条。 6. 模板引用:网页设计中,模板文件...

    网页设计与制作(HTML+CSS).pdf

    5. **内容溢出处理**:在6浏览器中,如果内容超过盒子的尺寸,盒子默认会超出,但可以通过CSS设置`overflow`属性来控制溢出内容的行为,如隐藏(`overflow:hidden`)。 6. **灰色代码与模板**:灰色代码通常指模板...

    ExtAspNet_v2.3.2_dll

    -修正不能动态修改AccordionPane属性Items的BUG。 +为Button, MenuButton, LinkButton, LinkButtonField增加ConfirmTarget。 -如果需要在父页面弹出确认对话框,需要设置ConfirmTarget="_parent"(类似Window...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正不能动态修改AccordionPane属性Items的BUG。 +为Button, MenuButton, LinkButton, LinkButtonField增加ConfirmTarget。 -如果需要在父页面弹出确认对话框,需要设置ConfirmTarget="_parent"(类似Window...

    使用HTML5中的contentEditable来将多行文本自动增高

    通过设置`contentEditable`属性为`true`,用户就可以在指定的元素内输入、修改或删除文本,类似于一个简单的富文本编辑器。 `contentEditable`属性的工作方式如下: 1. **启用编辑**:当一个元素的`...

    详解h5页面在不同ios设备上的问题总结

    一个可能的解决方案是将所有相邻元素设置为`absolute`定位,同时保持父容器为`overflow:auto`,并设置适当的高度和定位属性,以确保正确的滚动行为和光标位置。 5. **键盘遮挡输入框**: 当输入框使用`fixed`定位...

    web 编程 基础 复习题

    - **层**:使用 CSS 的 `overflow` 属性和 `z-index` 来控制层的显示和堆叠顺序。 ### JavaScript语言基础 #### 1. JavaScript基本语法 - 变量声明:使用 `var`、`let`、`const`。 - 函数定义:使用 `function` ...

    尚硅谷_前端_面试题

    - 清除浮动的方式:使用`clear`属性、`overflow: auto`、伪元素`::after`配合`content`属性、使用Flexbox或Grid布局等。 25. **什么是外边距合并?** - 外边距合并是指当两个垂直外边距相遇时,它们将形成一个...

    python web开发需要哪些web知识.docx

    此外,持续关注技术社区和博客,如 Stack Overflow、GitHub、Medium 上的 Python Web 开发专题,可以及时了解最新的技术趋势和发展动态。 综上所述,从基础的 HTML 到高级的 Web 框架,Python Web 开发涉及的知识面...

    javascript 触发事件列表

    &lt;textarea name="liuyan" rows=5 cols=70 onchange="alert('值已改变')"&gt;&lt;/textarea&gt; ``` 在这个例子中,当用户在文本区域内修改内容后,页面会弹出一个警告框显示“值已改变”。 #### 三、选中文本事件(onselect)...

Global site tag (gtag.js) - Google Analytics