【原创】DHTML 微型API
时间:2006-09-03
来源:互联网
前几天我介绍了什么是DOM。今天我将把工作中用到的一个小DHTML API介绍个大家,希望可以给大家带来点帮助。^^。
这个API主要是通过ID来访问HTML页面上元素的。这个API是跨浏览器的。代码如下:
function getObj(name){
if (document.getElementById) //W3C支持
{
this.obj = document.getElementById(name);
this.style = document.getElementById(name).style;
}
else if (document.all) //微软支持
{
this.obj = document.all[name];
this.style = document.all[name].style;
}
else if (document.layers) //NetScape支持
{
this.obj = document.layers[name];
this.style = document.layers[name];
}
}
这样调用:var x = new getObj(’layername’);此时的x有两个属性,一个是x.obj,实际的HTML元素,另一个是x.style,实际HTML元素的样式。所以,如果你要alert出对象的id:
alert(x.obj.id)
如果改变一下对象的CSS属性:
x.style.top = ‘20px’;
就是这样了…..
更多详细请参见
这个API主要是通过ID来访问HTML页面上元素的。这个API是跨浏览器的。代码如下:
function getObj(name){
if (document.getElementById) //W3C支持
{
this.obj = document.getElementById(name);
this.style = document.getElementById(name).style;
}
else if (document.all) //微软支持
{
this.obj = document.all[name];
this.style = document.all[name].style;
}
else if (document.layers) //NetScape支持
{
this.obj = document.layers[name];
this.style = document.layers[name];
}
}
这样调用:var x = new getObj(’layername’);此时的x有两个属性,一个是x.obj,实际的HTML元素,另一个是x.style,实际HTML元素的样式。所以,如果你要alert出对象的id:
alert(x.obj.id)
如果改变一下对象的CSS属性:
x.style.top = ‘20px’;
就是这样了…..
更多详细请参见
作者: ilovephp 发布时间: 2006-09-03
支持原创。UP
作者: Per 发布时间: 2006-09-04
一般我都只考虑document.all[name],毕竟用其他浏览器的少一些。
作者: MySQL 发布时间: 2006-09-05
我还是觉得第一总安全
作者: sunceenjoy 发布时间: 2006-11-09
推荐prototype,支持大部分的浏览器
作者: cator 发布时间: 2006-11-09
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28