欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

常用的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 设置样式内容