常用的JS原生方法
程序员文章站
2024-03-25 12:12:28
...
常用的JS原生方法
最近做项目用到了js一些常用的原生方法,谨记以下:
1. 常用的JS原生方法:
var bgdiv = window.document.getElementById("div_demo_id");
if (!bgdiv) {
bgdiv = window.document.createElement("div");
bgdiv.id = "div_demo_id";
window.document.getElementsByTagName("BODY")[0].appendChild(bgdiv);
}
var iWidth = document.documentElement.clientWidth;
var iHeight = document.documentElement.clientHeight;
if (!height)
height = 30;
var scrollTop = document.documentElement.scrollTop;
if (!scrollTop) {
scrollTop = document.body.scrollTop;// IE
}
bgdiv.className = "div_demo_class";
bgdiv.style.cssText = "position:absolute;height:" + height+ "px;left:" + (iWidth - 200) / 2 + "px;top:"+ ((iHeight - height) / 2 + scrollTop - 72)+ "px;z-index:9999;text-align:center;";
bgdiv.style.display = "block";
bgdiv.innerHTML = "<div>Hello Word !</div>";
- document.getElementById 根据Id,获取元素
- document.createElement 创建元素
- document.getElementsByTagName 根据元素名称,获取元素(返回数组)
- appendChild 追加元素
- document.documentElement.clientWidth 获取宽高
- document.documentElement.clientHeight 获取宽高
- document.documentElement.scrollTop 滚动条位置
- document.body.scrollTop 滚动条位置
- xxx.className 设置class属性值
- xxx.innerHTML 插入html代码
- xxx.style.cssText 设置样式内容
- xxx.style.display 设置样式内容