dom-getComputedStyle得不到预期的结果

问题描述

getComputedStyle得不到预期的结果

这里alert出来的结果是auto,为什么会这样
预期应该是20px

解决方案

firefox,chrome测试没有问题。

解决方案二:

因为我没有放到onload函数中

时间: 2024-11-16 12:56:54

dom-getComputedStyle得不到预期的结果的相关文章

Silverlight-JavaScript API 中的 FindName、CreateFromXaml 和 XAML 名称范

对象树和 FindName 在 JavaScript API 中,初始对象树始终通过分析 XAML 来构造.除了一些能够分析字符串的类型转换用 法,加载 XAML 是在 JavaScript API 中"构造"对象的唯一方式.构造了这样的树之后,您通常会希望与该 对象树进行交互.为此,需要脚本对象引用树中的一个对象. 建立这样的引用的最佳方法是将 Name 或 x:Name 属性分配给计划在运行期间引用对象所在的 XAML 中的 任何对象元素.在 JavaScript API 中,名称

js实现百度地图同时显示多个路书效果_JSP编程

本文介绍了js实现百度地图同时显示多个路书效果,主要是以自行车的还车地点作为实例,具体代码如下: 启动路书: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的ak"></script> <script type="text/javascript" src="js/lushu.js"&g

Javascript操作DOM常用API总结

转载自:http://www.cnblogs.com/lrzw32/p/5008913.html Javascript操作DOM常用API总结 文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念 在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们. Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现

基于JavaScript操作DOM常用的API小结_javascript技巧

前言 DOM(Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的 API(应用程序接口).DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM 脱胎于 Netscape 及微软公司创始的 DHTML(动态 HTML),但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. 阅读目录 基本概念 节点创建型api 页面修改型API 节点查询型API 节点关系型api 元素属性型api 元素样式型api 总结 文本整

轻松使用DOM 的技巧和诀窍

Dethe Elza (delza@livingcode.org), 高级技术架构师, Blast Radius  文档对象模型(Document Object Model,DOM)是用于操纵 XML 和 HTML 数据的最常用工具之一,然而它的潜力却很少被充分挖掘出来.通过利用 DOM 的优势,并使它更加易用,您将获得一款应用于 XML 应用程序(包括动态 Web 应用程序)的强大工具. 本期文章介绍了一位客串的专栏作家,同时也是我的朋友和同事 Dethe Elza.Dethe 在利用 XML

JS写出兼容性Dom操作

一.前言 因为一个很小的项目或者说几个页面却要搭上Jquery,当然很不值,gzip下,好歹也有小几十K.为了能够方便的操作Dom,我们需要写很多兼容性的原生JS.就在我看leaflet的源码的时候,我觉得它的DomUtil写的还是不错的. 二.具体的代码分析 首先,我们定义一个类,var DomUtil = {  functionName: function(){ }  }; 以下均已字面量的形式表示. (1)get: 获取一个元素 get: function (id) { return ty

Ajax与DOM操作

ajax|dom 上一篇中 Brett 介绍了文档对象模型(DOM),它的元素在幕后定义了 Web 页面.这一期文章中他将进一步探讨 DOM.了解如何创建.删除和修改 DOM 树的各个部分,了解如何实现网页的即时更新!(注意,下面的讨论以上一篇文章 "利用 DOM 进行 Web 响应" 为基础,如果没有阅读过那一期,请在继续阅读之前首先阅读上一篇文章.) 如果阅读过本系列的上一篇文章,那么您就非常清楚当 Web 浏览器显示网页时幕后发生的一切了.当 HTML 或为页面定义的 CSS 发

Javascript教程:如何操作dom

文章简介:前两章讲了获取DOM元素.这章就开始讲如何操作dom.1.针对页面上有的DOM元素操作,无非就是对这个dom元素的样式进行操作.如果这个DOM元素没有样式也就谈不上操作了.2.我们也可以直接用JS动态的向html里写入DOM元素. 前两章讲了获取DOM元素.这章就开始讲如何操作dom.1.针对页面上有的DOM元素操作,无非就是对这个dom元素的样式进行操作.如果这个DOM元素没有样式也就谈不上操作了.2.我们也可以直接用JS动态的向html里写入DOM元素.今天这章我们就讲这两个应用(

常用DOM整理

js在操作DOM中存在着许多跨浏览器方面的坑,本文花了我将近一周的时间整理,我将根据实例整理那些大大小小的"坑". 前言: html为document搭建了一棵DOM树,这棵树就是有一系列Node节点所构成的.他为我们定义了文档的结构. Node类型: Node.ELEMENT_NODE(1); //元素节点较常用 Node.ATTRIBUTE_NODE(2); //属性节点较常用 Node.TEXT_NODE(3); //文本节点较常用 Node.CDATA_SECTION_NODE