Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1043228
  • 博文数量: 254
  • 博客积分: 10185
  • 博客等级: 上将
  • 技术积分: 2722
  • 用 户 组: 普通用户
  • 注册时间: 2007-07-25 15:04
文章存档

2011年(8)

2009年(1)

2008年(31)

2007年(214)

分类: 系统运维

2007-08-31 16:02:21

一.div

1.设置div的显示或隐藏

代码片段
document.getElementById("div1").style.display="none";//隐藏
document.getElementById("div2").style.display="";//显示

当然也可以直接用如下方式显示:

代码片段
div1.style.display="none";//隐藏
div2.style.display="";//显示2.innerHTML,outerHTML,innerText,outerText

关于这四者的区别,网上有段经典的代码:

代码片段


 
    

This is a DIV!







从中可以很清楚的看出四者各自的功能:
innerHTML:在div里面的html标签,通过它可以方便的设置div里要显示的内容,如:

以下是引用片段
document.getElementById("div3").innerHTML="hhh";

outerHTMl:包括div在内的所有html标签
innerText:要在div里显示的文本,和outerText基本一样
值得注意的是,以上四个只有innerHTML在firefox下有效,其他均只在IE下可用

二.其他基本控件

假设页面上有一个text输入框:

代码片段

style="WIDTH:300px":可以限定输入框的显示长度
maxlength=40:可以限制该输入框允许输入字符的最大长度
获取控件值或设置控件值可用:

代码片段
document.getElementById("text1").value="输入框";

值得注意的是,javascript是从头到尾编译的,因此在使用控件之前,一定要确保该控件已经被加载到了页面中。

阅读(1675) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~