笔试时紧张没写出来,静下心后发现简单的要死.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>删除数组重复元素</title></head><body><script>/*** 删除数组重复元素* @param array 目标数组* @return 返回去重后的数组*/function array_unique(arr) {//外层循环控制次...
?1234567891011121314151617181920<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/> <title></title></head><body> <!-- 元素属性的操作 第一种:oDiv.style.display="none"; 第二种:oDiv.style["display"]="none"; 第三种:Dom方式 Dom方式操作元素的属性 获取:getAttribute(名称);//...
以下先记录一下JS控制CSS所使用的方法.
1.使用javascript更改某个css class的属性...
<style type="text/css">
.orig {
display: none;
}
</style>
你想要改变把他的display属性由none改为inline。
解决的方法: 在IE里:
document.styleSheets[0].rules[0].style.display = "inline";
在firefox里:
document.styleSheets[0].cssRules[0].style.display = "inline";
讨论: 能够做一个函数来搜索特定名字的style对象:...
1 <script type="text/javascript">2var arr = ["b" ,"a" , "a", 2, 3, 3, 2, 1, 4, {}];3 Array.prototype.unique = function(){4var ret = [];5var o = {};//这个对象在这里其实是起一个临时容器的作用,在下面的操作中,每次从数组取一个元素,然后判断以这个元素为属性名的对象是否存在于对象 6//o中,如果是第一次使用这个元素(也即还没有出现重复的情况),那肯定不存在于对象o中,所以接下来要为这个属性随便赋个值(这...
1、偏移量元素的可见大小由其高度、宽度决定,包括所有内边距、滚动条和边框大小(不包含外边距)。通过下列4个属性可以获取元素的偏移量:offsetHeight:offsetWidth:offsetLeft:元素的左外边框包含元素的左内边距的像素距离;offsetTop:元素的上外边框至包含元素上内边距的像素距离。其中,offsetLeft和offsetTop属性与包含元素有关,包含元素的引用保存在offsetParent属性中。2、客户区大小元素的客户区大小,指的是元素内容及其...
JavaScript获取DOM节点HTML元素CSS样式技术maybe yes 发表于2015-01-10 18:07原文链接 : http://blog.lmlphp.com/archives/59 来自 : LMLPHP后院如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值?使用过 JQuery 的童鞋一定都非常的熟悉,Jquery 提供了非常强大的 CSS 方法,可以很方便的设置和获取元素的 style 属性。某些情况下,我们不能使用 JQuery 时,就必须使用纯 JavaScript 获取元素的 style 属性值。本...
随着web的流行,人们花在浏览器上的时间吸引了巨头们对浏览器的重视,继而几年前富客户端概念,一大批富客户端技术的涌现,如silverlight, flex等,曾经风起云涌,最终都败给了html5 和 javascript。javascript的正式崛起的标志应该是nodejs的发布,从此,javascript开始迅速告别碎片化脚本,向工程化演进,接下来看看最近几年辅助javascript成长的一些功臣们。 项目化 语言层级的支持: nodejs 1.向服务器端进军,库的管理,运行...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置</title>
<style>
#info{width:100px;height:100px;background:red;position:absolute;top:0;left:0;}
</style>
<script>
window.onload = function(){document.onclick = clickwhere;}function clickwhere(evt){evt = evt || window.event;var x =0;va...
The most common way to loop through the elements of an array is with a for loop: var o = [1,2,3,4,5]var keys = Object.keys(o); // Get an array of property names for object ovar values = [] // Store matching property values in this arrayfor(var i = 0; i < keys.length; i++) { // For each index in the array var key = keys[i]...
/** 根据id属性的值获取元素,返回来的是一个元素对象*document.getElementById("id属性的值");*根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个DOM对象*document.getElementsByTagName("标签名字");** 下面的几个,有的浏览器不支持** 根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个DOM对象*document.getElementsByName("name属性的值");* 根据类样式的名字获取元素,返回来的是一个伪数组,里面保存了多个...
一、现在我们在网站设计(三)的基础上,来编写about.html页面。这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIVabout.html页面在前面我们为了看导航栏菜单项高亮显示时,已经写了部分内容,只是那时写的代码没有实现div显示和隐藏,现在就在之前编写的基础上,为页面添加显示和隐藏div的效果。没有写JavaScript之前看到的效果:实现后的效果图:这个就是我们现在要做的效果。1、背景:我们在about.htm...
一、clientWidth 和 clientHeight 这组属性可以获取元素可视区的大小,可以得到元素内容及内边距所占据的空间大小。 返回了元素大小,但没有单位,默认单位是 px,如果你强行设置了单位,比如 100em之类,它还是会返回 px 的大小。(CSS 获取的话,是照着你设置的样式获取)。<script type="text/javascript">window.onload = function(){var box = document.getElementById("box");alert(box.clientWidth); //200alert(box.cl...
一、getElementById()参数:id 属性,必须唯一。返回:元素本身。若 id 不唯一,则返回第一个匹配的元素。定义的位置:仅 document(即:除 document 之外的元素调用该方法,会报 is not a function)。二、getElementsByName()参数:name 属性,不必唯一。返回:NodeList 对象。定义的位置:仅 document。彩蛋:对于 <form>、<img>、<ifram>,当且仅当为上述元素设置 name 属性的时候,Window 对象会自动创建一个对应的属性,并可...
1. 使用样式表可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表。每个样式表 都由一个CSSStyleSheet 对象代表,它提供了一组属性和方法来操作文档里的样式。 1.1 获得样式表的基本信息第一步是获得定义在文档中的样式表的一些基本信息。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>为DOM元素设置样式</title><style title="core ...
一、根据 id 获取元素语法格式:document.getElementById(id);Demo:1var main = document.getElementById(‘main‘);
2 console.log(main); // 获取到的数据类型 HTMLDivElement,对象都是有类型的。注意:由于id名具有唯一性,部分浏览器支持直接使用id名访问元素,但不是标准方式,不推荐使用。如果页面上没有对应的 id,此时返回 null。二、根据标签名获取元素语法格式:doucument.getElementsByTagName(标签名)...