设置不同浏览器属性-如下
div
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 /
-moz-transform:rotate(7deg); / Firefox /
-webkit-transform:rotate(7deg); / Safari 和 Chrome /
-o-transform:rotate(7deg); / Opera */
}
1.判断浏览器是不是支持这个属性,用以下代码来判断。
//任意元素都可以设置成文本内容----------因此把“任意”元素当成对象(element)传递到函数中
//element---->任意元素
//text—>任意文本内容
function setInnerText(element,text) {
if(typeof (element.textContent)==‘undefined’){//是IE8浏览器
element.innerText=text;
}else{
//浏览器支持textContent这个属性
element.textContent=text;
}
}
//获取任意元素中的文本内容
function getInnerText(element) {
if(typeof (element.textContent)=="undefined"){
//如果浏览器不支持textContext这个属性则返回innerText的值
return element.innerText;
}else{
//如果浏览器支持textContext属性,则直接返回该属性的值
return element.textContent;
}
}
2.1)获取某个元素中的第一个子元素
(2)获取某个元素中的最后一个子元素
(3)获取某个元素的前一个兄弟元素
(4)获取某个元素的后一个兄弟元素
//获取某个元素中的第一个子元素
function getFirstElement(element) {
if(element.firstElementChild){
//如果浏览器支持这个属性就直接返回第一个子元素
return element.firstElementChild;
}else{
//如果浏览器不支持这个firstElementChild属性,先获取传入进来的父级元素中的第一个子节点
var node=element.firstChild;//先获取这个节点
while (node&&node.nodeType!=1){//判断节点存在并且不是标签
node=node.nextSibling;//继续找当前节点的下一个节点
}
return node;
}
}
//下面这连个属性在各个不同的浏览器中显示的方式有所不同
//my
(
"
u
u
"
)
.
f
i
r
s
t
C
h
i
l
d
/
/
m
y
("uu").firstChild //my
("uu").firstChild//my(“uu”).firstElementChild
//获取某个元素中的最后一个子元素
function getLastElement(element) {
if(element.lastElementChild){
return element.lastElementChild;
}else{
//获取当前元素的最后一个子节点
var node=element.lastChild;
while (node&&node.nodeType!=1){
node=node.previousSibling;
}
return node;
}
}
//获取某个元素的前一个兄弟元素
function getPreviousElement(element) {
if(element.previousElementSibling){
return element.previousElementSibling
}else{
var node=element.previousSibling;
while (node&&node.nodeType!=1){
node=node.previousSibling;
} 54 return node;
}
}
//获取某个元素的后一个兄弟元素
function getNextElement(element) {
if(element.nextElementSibling){
return element.nextElementSibling
}else{
var node=element.nextSibling;
while (node&&node.nodeType!=1){
node=node.nextSibling;
}
return node;
}
}