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

关于setAttribute

阅读更多

 

提示:对于style属性,不是一个简单的setAttribute就能实现的!
var mytable = document.getElementById("TestTable");
//或者:var mytable = document.all["TestTable"];
//对于普通的属性,可以使用setAttribute
mytable.setAttribute("border", "12");
//对于style这样的复合属性,这样不行!
//mytable.setAttribute("style", "display:none");
//那就用这个!
mytable.style.display="none";

 

IE里class 应为className ;
在 IE里‘onclick’是一个Event,不能用添加Attribute 的方法 setAttribute 来设定,
后来选择了DOM的添加 Event 的方法

div.attachEvent('onclick',test);

这种方法在mozilla中也可以正常使用。

 

向表中追加行:

document.createElement 和document.appendChild方法可以很容易的做到向表中追加行或从头创建包含表行的新表:使用 document.createElement创建表格,在使用document.appendChild方法将这些表单元格增加到表行;接下来使用 document.appendChild将表行增加到表中。

IE允许讲tr元素增加到tbody中,而不是直接增加到table中。

<table id="myTable">

<tbody id="myTableBody"></tbody>

</table>

向 这个表中增加行的正确做法是把行增加到表体,而不是增加到表,如是所示:

var cell=document.createElement("td").appendChild(document.createTextNode("foo");

var row = document.createElement("tr").appendChild(cell);

document.getElementById("mysqlTableBody").appendChild(row);

幸 运的是,这种方法在所有当前浏览器都通用,也包括 IE 。如果你养成习惯,总是使用 表中的表体, 就不用担心这个问题了。

 

 

 

 

分享到:
评论

相关推荐

    IE6用setAttribute添加事件无效

    标题“IE6用setAttribute添加事件无效”涉及到的是一个在JavaScript编程中常见的问题,尤其是在处理旧版Internet Explorer(尤其是IE6)浏览器时。在现代浏览器中,`setAttribute`方法可以方便地为HTML元素添加属性...

    request.setAttribute 语句前总显示红色感叹号解决办法 HTTP Status 500 -

    在Java Web开发中,我们经常遇到各种运行时错误或编译错误,其中一种较为常见的问题是`request.setAttribute`方法调用时出现红色感叹号提示,并且伴随着HTTP 500错误。这种问题通常是由类型不匹配导致的,比如尝试将...

    setAttribute 与 class冲突解决

    setAttribute 与 class 冲突解决 在 Web 开发中,setAttribute 方法是用来设置 HTML 元素的属性的,而 class 是 HTML 元素的一个重要属性,用于设置元素的样式。但是,在使用 setAttribute 方法设置 class 属性时,...

    javascript中setAttribute()函数使用方法及兼容性

    1. **函数定义**:`setAttribute()`函数属于Element对象,它用来将指定元素上名为`name`的属性设置为给定的`value`值。 2. **语法结构**:`element.setAttribute(name, value);` 3. **参数**: - `name`:必需...

    PDO::setAttribute讲解

    PDO::setAttribute是PDO扩展提供的一个方法,用于设置数据库句柄的属性值。通过设置这些属性,可以控制数据库句柄的行为,比如错误处理方式、列名大小写的处理、是否自动提交事务、超时设置等等。在深入讲解PDO::...

    JavaScript中setAttribute用法介绍

    然而,由于浏览器之间的兼容性问题,开发者需要特别注意在不同环境下使用`setAttribute()`的方式。 首先,当我们需要改变元素的CSS类(class)时,`setAttribute("class", value)`通常被用来设置新的类名。例如,...

    PHP PDOStatement::setAttribute讲解

    PDOStatement::setAttribute方法需要两个参数:第一个参数是一个整型,用来指定需要设置的属性的标识符;第二个参数可以是多种类型,根据设置的属性不同,它的值也会有所不同。此方法在成功设置属性时返回TRUE,在...

    js setattribute批量设置css样式

    `setAttribute`方法和`style.cssText`属性是两种常见的用于改变元素样式的手段,尤其是在JavaScript中批量设置CSS样式时。让我们深入探讨这两种方法。 `setAttribute`是DOM API的一部分,它允许开发者为HTML或XML...

    javascript中setAttribute兼容性用法分析

    本文实例分析了javascript中setAttribute兼容性用法。分享给大家供大家参考,具体如下: 1:常规属性建议使用 node.XXXX。 2:自定义属性建议使用node.getAttribute(“XXXX”)。 3:当获取的目标是JS里的关键字时建议...

    JavaScript的setAttribute兼容性问题解决方法

    然而,在不同的浏览器中,`setAttribute` 方法在处理一些特定的事件监听属性(如`onclick`)时,可能会遇到兼容性问题。 具体来说,在早期的Internet Explorer(IE)浏览器中,直接使用`setAttribute`方法来设置`...

    IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性

    其中一个问题是`setAttribute`方法在这些老版本的IE浏览器中对某些属性的支持不足。`setAttribute`是DOM操作中常用的一个函数,用于动态地设置HTML元素的属性。然而,在IE6和IE7中,它并不支持像"class"、"for"、...

    JS getAttribute和setAttribute(取得和设置属性)的使用介绍

    setAttribute:设置属性; 代码如下:&lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”&gt;&lt;html&gt; &lt;head&gt; &lt;meta http-equiv=”Content-Type” ...

    计算机后端-PDO13PDO对象的setAttribute方法.avi

    计算机后端-PDO13PDO对象的setAttribute方法.avi

    JSP request.setAttribute()详解及实例

    javascript request.setAttribute()详解 request.setAttribute()怎么用的? JSP1代码 String [] test=new String[2]; test[0]=1; test[1]=2; request.setAttribute(test,test) ; response.sendRedirect(jsp2.jsp); ...

    IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

    本文将详细讨论一个特定的问题,即在IE6/7中使用JavaScript的setAttribute方法设置table的cellpadding和cellspacing属性时出现的bug。 首先,我们需要了解`cellpadding`和`cellspacing`属性。这两个属性是HTML中...

Global site tag (gtag.js) - Google Analytics