网页中CSS的细节处理大总结(六)

发布时间:2020-05-22编辑:脚本学堂
我们在css编写过程中遇到很多的细节问题,下面针对这个问题,给大家总结归纳一下,细节打败一切,希望朋友认真的看一下。

1.innerText:从起始位置到结束位置的内容,不包含标签
innerHTMLouterHTML:包含innerHTML和标签<div id="test"><span>test1</span>test2</div>
test.innerText:test1 test2test.innerHTML:<span>test1</span>test2
test.outerHTML:<div id="test"><span>test1</span>test2</div>

2.Number():任何包含非数字字符的字符串做参数时,结果为NaN parseInt():从左到右尽可能多低把字符串转化为数字,直到遇到一个非数字时停止isNaN():参数不是一个数字时,
返回true;

3.a=23.50abc
typeof(a)=StringparseFloat(a)=23.5parseInt(a)=23
Number(a)=NaN

4.JS变量名包含数字字母美元符下划线,不能以数字开头。


5.getElementsByTagName_r()需要等文档加载完毕后才能获取到。


6.nodeType:共12种,1表示元素节点,3表示文本节点
nodeName:表示节点名称,如果是文本节点,则表示#textnodeValue:表示节点的值eg: 获取tagname为li的节点if(obj.nodeName.toLowerCase()=='li'){}
改变P的文本内容  document.getElementsByTagName_r('p')[0].firstchild.nodeValue=''。

7.父节点到子节点
childNodes:元素所有第一层子节点列表,不包括向下更深层次的子节点obj.firstChild=obj.childNodes[0]obj.lastChild=obj.childNodes[obj.childNodes.length-1]
hasChildNodes() 判断元素是否有子节点,返回布尔值。

8.子节点到父节点
var parentElm=myLinkItem.parentNode;while(parentElm,className!=‘syna’&&parentElm!='document.body')parentElm=parentElm.parentNode。