JS常见知识点
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS常见知识点相关的知识,希望对你有一定的参考价值。
1.样式相关- 取行间样式
oDiv.style.width;//该方法只能获取行间样式,获取不到非行间样式。 -
取非行间样式
(1)var w = getComputedStyle(oDiv).width;//IE8及以下不兼容。
(2)var w = oDiv.currentStyle["width"];//IE6,7,8专有,但标准浏览器不兼容。
(3)对象.属性 ----> 对象["属性"]。//兼容处理: function getStyle(obj,attr) return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr];
- set/getAttribute
oInput.setAttribute("style","background:red");
oInput.getAttribute("style");//返回字符串
oInput.setAttribute(attrName,attrValue);
oInput.getAttribute(attrName);
oInput.getAttribute("class");//IE6,7不兼容,返回null值。
oInput.getAttribute("className");//IE6,7适用,标准浏览器及IE8及以上不兼容。
- cssText
oDiv.style.cssText = "width:200px;height:200px;background:red;"
2.属性相关
(1) innerhtml:闭合标签的内容
(2) value
(3) className
(4) fontSize
(5) src
(6) document.write("");document.body.innerHTML=""
以上是关于JS常见知识点的主要内容,如果未能解决你的问题,请参考以下文章
前端常见知识点汇总(ES6,Vue,axios,Node.js,npm,webpack)