`
maomaozgc
  • 浏览: 336235 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript获取style属性是什么?

阅读更多
function showmenu(target)//函数传近来一个参数target
{

if(target == now) return; //如果参数target等于now时该函数返回,就是下面的代码不运行了。跳出该函数,关于now应该是这个js里定义的一个全局变量因为在本函数中没有出现now的定义。

document.all('navtab_'+now).style.display = "none";//去页面中找名字叫navtab_1(now很可能是一个数字之类的变量他会根据某些条件变化比如此刻now是1,那么就是找navtab_1。如果是2就是找navtab_2) 这个元素,将他隐藏(style.display = "none" 这个属性实现的)
document.all('navtab_'+target).style.display = ""; //同上就是将这个元素显示(style.display ="")target就是你传近来的参数,和now基本一个意思。也是去获取不同的元素。
document.all('nav_'+now).src = "lib/images/nav_"+now+"0.gif"; //获取("nav"+now此时now为1的话就是nav1这个元素)nav1元素,然后将他的引用路径改为"lib/images/nav_"+now+"0.gif"(now同理拼出来是一个路径下的0.gif图片)
document.all('nav_'+target).src = "lib/images/nav_"+target+"1.gif";//这句和上面的一个意思,只是去引用的target这个变量

通过参数明名小猜一下,只做参考。
如果当前的元素和指向元素一样就返回不做任何操作。
否则将当前元素(这个不好猜了,可能是个div、span等元素)隐藏
将指向元素(这个不好猜了,可能是个div、span等元素)显示
将当前图片路径改为lib/images/nav_"+now+"0.gif
将指向图片路径改为lib/images/nav_"+target+"1.gif
分享到:
评论

相关推荐

    CSS和JavaScript标签style属性对照表

    ### CSS与JavaScript中style属性对照表详解 #### 引言 在前端开发中,CSS(层叠样式表)和JavaScript是构建动态、交互式网页的关键技术。为了更好地控制页面元素的样式,开发者经常需要通过JavaScript来操作DOM...

    JavaScript CSS Style属性对照表

    这篇博客"JavaScript CSS Style属性对照表"提供了一个详细的对比,帮助开发者更好地理解如何在JavaScript中操作CSS样式。下面将对这个主题进行深入的探讨。 首先,CSS(层叠样式表)是用于描述HTML或XML(包括如SVG...

    CSS 和 JavaScript 标签 style 属性对照表

    从给定的文件信息来看,我们探讨的主题是CSS与JavaScript在网页设计中的应用,特别是如何通过style属性在JavaScript中直接操作CSS样式。以下是对标题、描述以及部分代码内容的深入解析,旨在阐述CSS和JavaScript之间...

    Javascript获取标签ID改变style属性的代码

    在探讨如何使用JavaScript获取标签ID并改变其style属性之前,我们需要了解几个关键的Web开发知识点,包括HTML元素的ID属性、JavaScript中的DOM操作以及CSS样式的应用方式。以下将详细阐述这些概念,并结合给定的代码...

    javascript获取浏览器相关属性

    根据提供的文件信息,我们可以提取并总结出以下几个与“JavaScript 获取浏览器相关属性”相关的知识点: ### 一、设置浏览器主页 在HTML中,可以利用特定的行为(behavior)来设置当前页面为浏览器的主页。具体...

    Javascript和Css属性对照

    DOM 属性则是通过 JavaScript 访问 HTML 或 XML 文档元素的特性,如 `document.getElementById('myDiv').style.color` 可以获取或设置 ID 为 'myDiv' 的元素的颜色。 CSS 属性则用于描述 HTML 或 SVG 元素的外观和...

    html,javascript元素属性文档

    例如,我们可以使用`document.getElementById`方法获取特定ID的元素,然后通过`.getAttribute`和`.setAttribute`来读取或修改元素的属性值。此外,JavaScript还可以监听和响应用户事件,如点击、滚动等,进一步增强...

    CSS属性在Javascript中对应表

    - `background-color`:对应的JavaScript属性是`element.style.backgroundColor`,用于改变或获取元素的背景颜色。 2. **尺寸属性**: - `width`和`height`:在JavaScript中,可以通过`element.style.width`和`...

    javascript 获取图像信息

    根据给定文件中的标题、描述、标签以及部分内容,我们可以总结出以下有关JavaScript获取图像信息的知识点: ### 一、概述 在Web开发中,经常需要处理用户上传的图像文件,例如验证图像格式是否合法、获取图像尺寸...

    javascript获取非行间样式的方法

    本篇文章主要探讨的是如何使用JavaScript获取非行间样式的值,这对于理解和优化网页样式操作至关重要。 首先,我们要明白CSS样式分为行内样式、内部样式(位于`<style>`标签内)和外部样式(引用的CSS文件)。行内...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...

    CSS style属性大全

    ### CSS Style属性大全:深入解析与应用 在前端开发领域,CSS(层叠样式表)是必不可少的一部分,它用于描述HTML文档的外观和格式。掌握CSS的Style属性,能够极大地提升网页的美观度和用户体验。以下是对给定文件中...

    原生javascript实现css属性的set和get

    原生JavaScript提供了DOM对象的style属性,可以用来直接操作元素的内联样式。本文将深入探讨如何使用原生JavaScript来实现CSS属性的set和get方法,以及在实际开发中的应用。 ### CSS属性的获取(get) 获取CSS属性...

    JavaScript正则表达式匹配 div style标签

    下面是一个简单的JavaScript示例代码,展示如何使用正则表达式匹配`<div>`和`<style>`标签: ```javascript // 示例字符串,包含div和style标签 var htmlString = '<div>这是一个div标签的内容。<style>这是style...

    示例4:操作节点属性.rar_javascript操作节点属性

    DOM允许我们通过JavaScript来访问和修改网页中的元素、属性、文本等。本示例主要讲解如何使用JavaScript操作DOM节点的属性。 首先,我们需要了解DOM节点的基本概念。每个HTML元素都是一个DOM节点,包括元素节点、...

    获取style标签和外联(link)样式表

    本话题主要探讨如何在JavaScript中获取这两种类型的样式表——即内部<style>标签中的样式规则和外部引用的样式表规则。 在JavaScript中,我们通常使用DOM(文档对象模型)来操作HTML元素。对于获取<style>标签中的...

    JavaScript修改css样式style

    这篇博文(链接已提供)可能深入探讨了如何利用 JavaScript 操作 DOM 元素的 style 属性来改变 CSS 样式。以下是关于这个主题的详细说明: 1. **CSS 样式基础**: - CSS(层叠样式表)用于控制网页的布局和视觉...

    javascript层的属性事件写法

    JavaScript层的属性事件写法是前端开发中常见且基础的操作,它涉及到网页动态交互的核心。在JavaScript中,我们可以对HTML元素进行操作,设置其属性,响应用户触发的事件,从而实现丰富的用户界面。 首先,我们要...

Global site tag (gtag.js) - Google Analytics