JS为什么id是fb的div在chrome下获取不到top值 alert是NaN在火狐下可以

JS为什么id是fb的div在chrome下获取不到top值 alert是NaN在火狐下可以,第1张

//改为如下即可:你添加img对象出错了,不能innerHTML累加。。。于是出现兼容性问题,//影响了其他。。。

        windowonload = function() {

            var box = documentgetElementById('box');

            var fb = documentgetElementById('fb');

            var aimg = boxgetElementsByTagName('img');

            var imgarr = ['/imgs/1-1jpg', '/imgs/2-1jpg', '/imgs/3-1jpg', '/imgs/4-1jpg', '/imgs/5-1jpg'];

            for (var i = 0; i < imgarrlength; i++) {

                var img = new Image();

                imgsrc = imgarr[i];

                imgstyleleft = 508 + 'px';

                boxappendChild(img);

            }

            

            alert(getStyle(fb, 'top'));

        }

        

        var getStyle = function(obj, attr) {

                if (objcurrentStyle) {

                    return objcurrentStyle[attr];

                } else if (windowgetComputedStyle) {

                    var styleVal = windowgetComputedStyle(obj, null)[attr]  windowgetComputedStyle(obj, null)[attr] : windowgetComputedStyle(obj, null)getPropertyValue(attr);

                    return styleVal;

                }

            }

<iframe/>或者<frame>里面用主页面的东西,就是topxxx

如:

<script>

function func(){ };

</script>

<input type='text' id='t' />

<iframe scr='ahtml'/>

//ahtml简单内容如下

<script>

topdocumentgetElementById('t')value; //在ahtml中取input的值

topfunc(); //在ahtml中执行func()

</script>

设定jq动态生成元素为方法一,然后获取动态生成元素的属性的方法设为方法二。

只需先执行方法一后再执行方法二即可获得动态生成的元素的属性(必须在方法一执行后再执行方法二才能获取到)。

代码示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script src=">

1、首先打开我们测试的编辑工具 我这里使用的是Eclipse。

2、首先我们新建一个测试项目然后新建一个indexhtml、basicjs和basiccss文件

3、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码。

4、接下来我们就使用js修改高度。

5、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度。

6、使用js修改CSS文件中的div的height的值 HTML文件中的代码。

7、样式表css文件中的代码如图所示  运行项目之后 你会看到两个div的高度是一样的。

8、然后我们是在js文件中获取div1的id属性 然后使用objstylecssTest来修改嵌入式的css。

9、然后运行项目之后 两次结果都是一样的 div的高度改变了  。

如果点击某个div层置顶显示的话

需要用到Z-index 值

而使用zIndex值 就必须对元素进行绝对定位

可以用如下方法 让被点击的层置顶

//创建一个公共Z值

var z=999;

//然后获取所有div

var aDiv=documentgetElementsByTagName('div');

//遍历元素

for(var i=0;i<aDivlength;i++){

//添加事件

aDiv[i]onclick=function(){

//控制当前点击的div每次点击就z++

//比如这次点击了z值到了1000

//然后下一个div点击的时候

//把这个值赋给他 然后他还++一次 变成1001

//这样那个又是最高的了

thisstylezIndex=z++

}

};

以上就是关于JS为什么id是fb的div在chrome下获取不到top值 alert是NaN在火狐下可以全部的内容,包括:JS为什么id是fb的div在chrome下获取不到top值 alert是NaN在火狐下可以、请问在javascript里的top用法谢谢!、js或者jq怎样获取动态生成的元素的属性比如top ,height等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9277204.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存