遍历DOM对象内的元素属性示例代码_javascript技巧

直接上代码:

例如要获取一个id为"btn"的按钮的所有属性

复制代码 代码如下:

function showBtn()
{
var tmp="";
var objBtn = document.getElementById("btn");
for(var i in objBtn)
{
tmp += i+":"+objBtn[i];
}
alert(tmp);
}

时间: 2024-09-19 01:43:11

遍历DOM对象内的元素属性示例代码_javascript技巧的相关文章

遍历DOM对象内的元素属性示例代码

 如何遍历DOM对象内的元素属性,例如要获取一个id为btn的按钮的所有属性该怎么实现呢?下面有个不错的教程,大家可以参考下 直接上代码:    例如要获取一个id为"btn"的按钮的所有属性   代码如下: function showBtn()  {  var tmp="";  var objBtn = document.getElementById("btn");  for(var i in objBtn)  {  tmp += i+&quo

Javascript设置对象的ReadOnly属性(示例代码)_javascript技巧

在JS中ReadOnly属性比较奇怪,直接创建一个对象,给该对象赋值readonly属性不能够向HTML中一样使用下面的方式: 复制代码 代码如下: var x=document.createElement("input");x.type="text";x.value="ttttt";x.id="xy";x.readonly="readonly"; 这样创建的对象并不是只读的.正确的写法是: 复制代码 代码

javascript获取form里的表单元素的示例代码_javascript技巧

//获取form对象 var form=document.getElementById('my_form'); //用户名input对象 user_name是对象的name属性 var userName=form.user_name; //用户名清空 userName.value=''; //用户密码input对象 password是对象的name属性 var password=form.password; //用户密码清空 password.value=";

Javascript 修改String 对象 增加去除空格功能(示例代码)_javascript技巧

复制代码 代码如下: //#region 去除空格String.prototype.Trim = function () {    return this.replace(/(^\s*)|(\s*$)/g, "");} String.prototype.LTrim = function () {    return this.replace(/(^\s*)/g, "");} String.prototype.RTrim = function () {    retu

JavaScript获取表单内所有元素值的方法_javascript技巧

本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname

JavaScript获取当前页面上的指定对象示例代码_javascript技巧

JavaScript如何获取当前页面上的指定对象. 方法如下: 复制代码 代码如下: document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象数组 document.all[] //很智能的东东 不过非WEB标准 document.getElementsByTagName //获得指定标签值的对象数组 下面给出例子,只需把注释去掉直接运行就可看出效果. 复制代码 代码如下: <

简单方法判断JavaScript对象为null或者属性为空_javascript技巧

首先说下null与undefined区别: 对已声明但未初始化的和未声明的变量执行typeof,都返回"undefined". null表示一个空对象指针,typeof操作会返回"object". 一般不显式的把变量的值设置为undefined,但null相反,对于将要保存对象的变量,应明确的让该变量保存null值. var bj; alert(bj); //"undefined" bj = null; alert(typeof bj); //&

JavaScript中访问id对象 属性的方式访问属性(实例代码)_javascript技巧

实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

js中查找最近的共有祖先元素的实现代码_javascript技巧

先来看概念,首先DOM是一棵树,其根节点是Document,大致可以用下图来表示: 所谓"最近的共有祖先元素",是指给定一系列元素,找出在树中深度最大的,但同时为所有这些元素的祖先元素的元素. 比如上图中,I和G的结果为C,G和H的结果为A,D和E的结果为html,C和B的结果为html等. 测试驱动 对于偏逻辑的题,并没有十足的把握函数是正确的,因此还是先构造测试的用命,力求让函数通过测试. 本次就以上图的结构作为DOM结构,A表示body,B表示head,其他节点均使用div元素,