【javascript – 如何观看DOM对象属性?】教程文章相关的互联网学习教程文章

一些易混淆且不常用的属性,希望有用_基础知识

1. readonly [text password textarea] 將元素設置為只讀方式,也就是不能編輯的狀態,與disabled不同的是,readonly不會將字符變為暗灰色 2. defaultValue [所有FORM元素] 他的作用是返回元素的最初設置時的 VALUE 屬性的內容,也就是 3. defaultChecked [checkbox radio] 與 defaultValue 一樣,他的作用是返回初始化時 checkbox 或是 radio 是否被選擇 4. indeterminate [checkbox] 將 checkbox 設置為半選擇的狀態 p.s. 這...

JAVASCRIPT对象及属性_基础知识

SCRIPT 标记 用于包含JavaScript代码. 语法 属性 LANGUAGE 定义脚本语言 SRC 定义一个URL用以指定以.JS结尾的文件 windows对象 每个HTML文档的顶层对象. 属性 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. feames.length 子桢个数. self 当前窗口. parent 父窗口(当前窗口是中一个子窗口). top 顶层窗口(是所有可见窗口的父窗口). status 浏览器状态窗口上的消息. defaultStatus 当status无效时,出现在...

使用onbeforeunload属性后的副作用_javascript技巧【图】

在使用博客园的编辑器编辑文章时,有一个挺体贴用户的功能,就是如果用户进入编辑器后,不是执行"POST"操作而要退出当前编辑器页面,我们会得到一个Alert窗口提示(如下图)。这个功能其实很简单,就是通过处理window、body或frameset对象或元素的onbeforeunload事件实现的。 这个unbeforeunload的具体用法我就不说了,反正几乎能引起当前页面发生跳转的任何动作,都会触发这个事件。并且它先于unload事件被触发,如果在其的...

关于使用runtimeStyle属性问题讨论文章_javascript技巧

当我们在IE中使用IE提供的DOM时,我们会发现关于style的相关属性有三个分组,它们分别是style、runtimeStyle和currentStyle。关于这个三种style的作用和基本用途,我曾经在这篇文章中有讲过,但随着越来越深入的使用,总算对怎么使用runtimeStyle属性有了一些自己的心得。 首先,runtimeStyle属性不是必需的,它的存在甚至远没有currentStyle有意义,因为由于IE布局、呈现原理限制,style属性里的定义,总有一些是无法和curren...

实例学习Javascript之构建方法、属性_javascript技巧

function crea(){ var obj = new CTagPages("maintag"); obj.add(new CTag("files","文件","content1"));//创建一个文档中不存在的内容页 obj.add(new CTag("edits","编辑","content2")); obj.add(new CTag("windows","窗口","content3")); obj.add(new CTag("helps","帮助","content4")); document.all.tag.innerHTML = obj; obj.setTag(1); obj = new CTagPages("maintag1"); obj.add(new CTag("files","文件","Div1"));//创建一...

js资料prototype属性_基础知识

资料:prototype 属性 返回对象类型原型的引用。 objectName.prototype objectName 参数是对象的名称。 说明 用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。 例如,要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点,声明该函数,将它加入 Array.prototype,并使用它。 代码如下:function array_max( ){ var i, max = this[0]; for (i = 1; i < this.length; i++) ...

统一接口:为FireFox添加IE的方法和属性的js代码_javascript技巧

如何在Z-Blog中运行代码(纯JS版)一文中由于FF不支持insertAdjacentElement,造成无法显示“运行代码”链接。今天Google了一下,发现一篇好文,将下面的脚本存成iedom4moz.js文件,每页调用——OK,一切搞定!独乐乐,不如众乐乐,分享给诸位了^_^ 代码如下:// JavaScript Document // 统一接口:为FireFox添加IE的方法和属性 if(window.Event){// 修正Event的DOM /* IE5 MacIE5 Mozilla Konquer...

给moz-firefox下添加IE方法和属性_javascript技巧

在IECN看到心云写的关于互换select的JS,因里面用到removeNode和swapNode等方法,导致在Firefox下无效。刚刚Google了下,发现可以通过自定义原型来修正只在IE下有效的属性与方法。 原文参考:http://www.phpx.com/happy/top97619.html 修改方案如下: if(window.Event){// 修正Event的DOM /* IE5 MacIE5 Mozilla Konqueror2.2 Opera5 event ...

textContent在Firefox下与innerText等效的属性_javascript技巧【图】

在IE和Opear下,DOM对象支持innerText属性,可以很方便的去除HTML标签。 但在Firefox不支持该属性,好在FF下的DOM对象支持textContent,该属性与innerText等效。 演示实例: Hi,Im cnlei.Welcome to my homepage:http://www.cnlei.com. function getInnerText(obj){ return document.all?obj.innerText:obj.textContent; } var str = getInnerText(document.getElementById("TestObj")); alert(str); 为Firefox下的DOM对象增加...

jsdefineSetter-给js的&quot;class&quot;自动增加一个set的属性(方法)_javascript技巧

写注释不是我的强项,有什么问题请在评论中写出来:D 写一个JS class时,如 function jsclass() {}; jsclass.prototype = { value: "never-online", //属性1 URL: "www.url.net", //属性2 setValue: function (v) { //set方法 this.value = v; }, setURL: function (v) { //set方法 if (/^www\.[a-z]|\-{2,}\.net|com$/i.test(v)) { this.URL = v; } }, print: function () { //打印 alert(this.value); alert(this.U...

document.createElement(&quot;A&quot;)比较不错的属性_javascript技巧

搞了一天,终于把A里面的属性弄出来 代码1: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]代码2: New Document function newelement(){ var a=document.createElement("a"); a.href="javascript:alert('A link.')"; a.innerHTML="aaa"; var img=new Image(); img.src="http://img.baidu.com/img/post-jg.gif"; img.style.border="none"; a.appendChild(img) document.getElementById("oData").appendChild(a); ...

用javascript获得css中的属性值的代码_javascript技巧

.divs{ border: 1px #000000 solid; width:100px; height:100px } alert(document.getElementById("xx").currentStyle.borderWidth); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(currentStyle)javascript为何有时用style得不到已设定的CSS的属性_javascript技巧【图】

这是按第2下兰色的横条才开始出效果,就是说第1下没有获得foot.style.display=="none",可是CSS里我定义了 #top {width:100px; background-color:#00CCFF; height:20px} #foot {width:100px; background-color: #CCCC00; height:50px; display:none} function qa(){ if (foot.style.display=="none") { foot.style.display="block";}; else { foot.style.display="none";} } JavaScript教程/参考手册 JavaScrip...

javascript下操作css的float属性的特殊写法_javascript技巧

使用js操作css属性的写法是有一定的规律的: 1、对于没有中划线的css属性一般直接使用style.属性名即可。 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。 2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。 这个规律我想大多数的前端开发者也都熟...

js实现的修改div里img标签的src属性_javascript技巧【图】

无标题文档 function addmethod() { var table=document.getElementById("table"); var tr=table.firstChild.getElementsByTagName("tr")[0]; var arr=tr.getElementsByTagName("td"); for (var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

DOM - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部